Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Dé compte d'heure

Page 2 sur 2 Précédent  1, 2

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Dé compte d'heure

Message par paolo18pp le Mar 30 Oct 2012 - 17:54

Rappel du premier message :

Salut , je suis à la recherche d'un code qui permettra de décompter 2h0 et quand se seras fini il sera restat automatiquement.


Dernière édition par paolo18pp le Sam 24 Nov 2012 - 22:32, édité 2 fois

paolo18pp
***

Messages : 112
Inscrit(e) le : 19/05/2012

http://swagg.frbb.net/
paolo18pp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dé compte d'heure

Message par paolo18pp le Mer 21 Nov 2012 - 17:44

Si justement , il est dans généralités c'est où il y'a écrit heures , minutes , secondes mais rien ne s'affiche .

paolo18pp
***

Messages : 112
Inscrit(e) le : 19/05/2012

http://swagg.frbb.net/
paolo18pp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dé compte d'heure

Message par Ea le Mer 21 Nov 2012 - 19:04

Il n'y a rien appelé généralités sur l'index : https://i.imgur.com/V0ayh.png

Si c'est une section privée, il faudrait soit la dé-privatiser, ou bien pour le test faire l'essai dans une section non privée.


Cordialement.
avatar

Ea
Aidactif
Aidactif

Messages : 23491
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dé compte d'heure

Message par paolo18pp le Mer 21 Nov 2012 - 19:26

vous étiez sur le même zone xD

en haut à gauche

paolo18pp
***

Messages : 112
Inscrit(e) le : 19/05/2012

http://swagg.frbb.net/
paolo18pp a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Dé compte d'heure

Message par Adam_sfp le Mer 21 Nov 2012 - 19:30

Bonsoir

Comme le dit Ea
il doit manquer ce script
http://jquery-countdown.googlecode.com/svn/trunk/js/jquery.countdown.js
On voit bien juste écrit heures minutes secondes sur votre page d'accueil.

il faudrait essayer en mettant ceci dans gestion des codes javascript
Code:
/*
 * jquery-counter plugin
 *
 * Copyright (c) 2009 Martin Conte Mac Donell <Reflejo@gmail.com>
 * Dual licensed under the MIT and GPL licenses.
 * http://docs.jquery.com/License
 */
jQuery.fn.countdown = function(userOptions)
{
  // Default options
  var options = {
    stepTime: 60,
    // startTime and format MUST follow the same format.
    // also you cannot specify a format unordered (e.g. hh:ss:mm is wrong)
    format: "dd:hh:mm:ss",
    startTime: "01:12:32:55",
    digitImages: 6,
    digitWidth: 53,
    digitHeight: 77,
    timerEnd: function(){},
    image: "digits.png"
  };
  var digits = [], interval;

  // Draw digits in given container
  var createDigits = function(where)
  {
    var c = 0;
    // Iterate each startTime digit, if it is not a digit
    // we'll asume that it's a separator
    for (var i = 0; i < options.startTime.length; i++)
    {
      if (parseInt(options.startTime[i]) >= 0)
      {
        elem = $('<div id="cnt_' + i + '" class="cntDigit" />').css({
          height: options.digitHeight * options.digitImages * 10,
          float: 'left', background: 'url(\'' + options.image + '\')',
          width: options.digitWidth});
        digits.push(elem);
        margin(c, -((parseInt(options.startTime[i]) * options.digitHeight *
                              options.digitImages)));
        digits[c].__max = 9;
        // Add max digits, for example, first digit of minutes (mm) has
        // a max of 5. Conditional max is used when the left digit has reach
        // the max. For example second "hours" digit has a conditional max of 4
        switch (options.format[i]) {
          case 'h':
            digits[c].__max = (c % 2 == 0) ? 2: 9;
            if (c % 2 == 0)
              digits[c].__condmax = 4;
            break;
          case 'd':
            digits[c].__max = 9;
            break;
          case 'm':
          case 's':
            digits[c].__max = (c % 2 == 0) ? 5: 9;
        }
        ++c;
      }
      else
        elem = $('<div class="cntSeparator"/>').css({float: 'left'})
                .text(options.startTime[i]);

      where.append(elem)
    }
  };
 
  // Set or get element margin
  var margin = function(elem, val)
  {
    if (val !== undefined)
      return digits[elem].css({'marginTop': val + 'px'});

    return parseInt(digits[elem].css('marginTop').replace('px', ''));
  };

  // Makes the movement. This is done by "digitImages" steps.
  var moveStep = function(elem)
  {
    digits[elem]._digitInitial = -(digits[elem].__max * options.digitHeight * options.digitImages);
    return function _move() {
      mtop = margin(elem) + options.digitHeight;
      if (mtop == options.digitHeight) {
        margin(elem, digits[elem]._digitInitial);
        if (elem > 0) moveStep(elem - 1)();
        else
        {
          clearInterval(interval);
          for (var i=0; i < digits.length; i++) margin(i, 0);
          options.timerEnd();
          return;
        }
        if ((elem > 0) && (digits[elem].__condmax !== undefined) &&
            (digits[elem - 1]._digitInitial == margin(elem - 1)))
          margin(elem, -(digits[elem].__condmax * options.digitHeight * options.digitImages));
        return;
      }

      margin(elem, mtop);
      if (margin(elem) / options.digitHeight % options.digitImages != 0)
        setTimeout(_move, options.stepTime);

      if (mtop == 0) digits[elem].__ismax = true;
    }
  };

  $.extend(options, userOptions);
  this.css({height: options.digitHeight, overflow: 'hidden'});
  createDigits(this);
  interval = setInterval(moveStep(digits.length - 1), 1000);
};




$(function() {

$('#counter_2').countdown({
    stepTime: 60,
    format: 'hh:mm:ss',
    startTime: "02:00:00",
    digitImages: 6,
    digitWidth: 53,
    digitHeight: 77,
    timerEnd: function() { alert('end!!'); },
    image: "http://jquery-countdown.googlecode.com/svn/trunk/img/digits.png"
  });


                });

la partie CSS dans le CSS de votre forum
et la partie HTMl dans votre page d'accueil.

Cordialement.
avatar

Adam_sfp
Membre actif

Masculin
Messages : 4279
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dé compte d'heure

Message par paolo18pp le Jeu 22 Nov 2012 - 7:37

Ah merci ça fonctionne avec ce code , et je voudrais savoir est-ce qu'il recommence après s'être terminée ?

paolo18pp
***

Messages : 112
Inscrit(e) le : 19/05/2012

http://swagg.frbb.net/
paolo18pp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dé compte d'heure

Message par paolo18pp le Jeu 22 Nov 2012 - 8:30

Je viens de remarquer qu'il recommence au point de départ si on appuie sur f5 , or moi je veux le même compte à rebours pour tous

paolo18pp
***

Messages : 112
Inscrit(e) le : 19/05/2012

http://swagg.frbb.net/
paolo18pp a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Dé compte d'heure

Message par Ea le Jeu 22 Nov 2012 - 10:08

Si vous voulez qu'il recommence au même point avant le F5, vous pouvez remplacer le :

Code:
"02:00:00"
par :

Code:
function(a){var b=a%60;10>a%60&&(b="0"+b);a=(a-a%60)/60;b=a%60+":"+b;10>a%60&&(b="0"+b);return"0"+(a-a%60)/60+":"+b}(7200-Math.floor(+new Date/1E3)%7200)
avatar

Ea
Aidactif
Aidactif

Messages : 23491
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dé compte d'heure

Message par paolo18pp le Jeu 22 Nov 2012 - 13:26

Merci beaucoup ! et je fais comment pour qu'il ne recommence pas en appuyant sur f5?

paolo18pp
***

Messages : 112
Inscrit(e) le : 19/05/2012

http://swagg.frbb.net/
paolo18pp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dé compte d'heure

Message par paolo18pp le Ven 23 Nov 2012 - 16:38

up

paolo18pp
***

Messages : 112
Inscrit(e) le : 19/05/2012

http://swagg.frbb.net/
paolo18pp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dé compte d'heure

Message par Ea le Ven 23 Nov 2012 - 17:22

C'est ce que je viens de vous donner il me semble Interrog


Cordialement.
avatar

Ea
Aidactif
Aidactif

Messages : 23491
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dé compte d'heure

Message par paolo18pp le Ven 23 Nov 2012 - 21:08

Ah désolé je me suis trompé je l'avais mis ailleurs , et je voudrais savoir s'il recommence bien après les 2 heures terminée? et je voudrais aussi savoir si c'était possible de mettre un texte au-dessus de l'heure

paolo18pp
***

Messages : 112
Inscrit(e) le : 19/05/2012

http://swagg.frbb.net/
paolo18pp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dé compte d'heure

Message par Ea le Ven 23 Nov 2012 - 22:11

J'imagine que si on est à 30 minutes restantes et qu'on laisse la page ouverte 50 minutes :

---> au bout de 30 minutes on aura le message "end!!" affiché

si après ça on rouvre la page, il y aura un décompte où il restera 1h40

il y a déjà le texte "Combat Instantanée" au dessus de l'heure, me trompé-je ?


Cordialement.
avatar

Ea
Aidactif
Aidactif

Messages : 23491
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dé compte d'heure

Message par paolo18pp le Sam 24 Nov 2012 - 11:07

Ah , ok. Et pour le message end est-ce possible de réactualiser la page après 1 mnt? Oui pour le texte j'ai mis "Combat Instantanée" mais je n'arrive pas à le centré au-dessus de l'heure.

paolo18pp
***

Messages : 112
Inscrit(e) le : 19/05/2012

http://swagg.frbb.net/
paolo18pp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dé compte d'heure

Message par Ea le Sam 24 Nov 2012 - 11:18

J'imagine qu'un tableau du style :

Code:
<table style="margin:auto;text-align:center"><tr><td>TEXTE</td></tr><tr><td>COMPTEUR</td></tr></table>
Devrait permettre d'avoir les 2 l'un au dessus de l'autre.

Pour ce qui est de réactualiser la page après avoir fermé l'alerte il devrait suffire de changer :

Code:
 timerEnd: function() { alert('end!!'); },
En :

Code:
 timerEnd: function() { alert('end!!'); location.reload(); },
avatar

Ea
Aidactif
Aidactif

Messages : 23491
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dé compte d'heure

Message par paolo18pp le Sam 24 Nov 2012 - 11:55

Merci pour les codes , mais pour ce code il faut changer quoi ?
<table style="margin:auto;text-align:center"><tr><td>TEXTE</td></tr><tr><td>COMPTEUR</td></tr></table>

et merci pour la réactualisation quand le compteur seras fini je verrais si sa fonctionne.

edit

Merci pour la réactualisation , et dernière chose pour ce code la
Code:
function(a){var b=a%60;10>a%60&&(b="0"+b);a=(a-a%60)/60;b=a%60+":"+b;10>a%60&&(b="0"+b);return"0"+(a-a%60)/60+":"+b}(7200-Math.floor(+new Date/1E3)%7200)

pourriez-vous me le configurez pour que l'heure se termine toujours sur une heure paires par exemple il se termine à 12h0 , 14h0 , 16h0.

paolo18pp
***

Messages : 112
Inscrit(e) le : 19/05/2012

http://swagg.frbb.net/
paolo18pp a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Dé compte d'heure

Message par Ea le Sam 24 Nov 2012 - 18:14

en ajoutant +3600 au bon endroit :

Code:
function(a){var b=a%60;10>a%60&&(b="0"+b);a=(a-a%60)/60;b=a%60+":"+b;10>a%60&&(b="0"+b);return"0"+(a-a%60)/60+":"+b}(7200-Math.floor(+new Date/1E3+3600)%7200)
à un changement d'heure, il se pourrait que vous deviez retirer le +3600 ( pour prendre le changement d'heure en compte )

pour le tableau, à la place de TEXTE mettre le texte et à la place de COMPTEUR mettre le code html du compteur
avatar

Ea
Aidactif
Aidactif

Messages : 23491
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dé compte d'heure

Message par paolo18pp le Sam 24 Nov 2012 - 22:31

Merci beaucoup Ea et Adam_sfp ! cheers

paolo18pp
***

Messages : 112
Inscrit(e) le : 19/05/2012

http://swagg.frbb.net/
paolo18pp a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 2 Précédent  1, 2

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum