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 : http://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.

Ea
Aidactif
Aidactif

Messages : 23417
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.

Adam_sfp
+ Hyperactif +

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

http://antonyadam.1fr1.net/portal.htm
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)

Ea
Aidactif
Aidactif

Messages : 23417
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.

Ea
Aidactif
Aidactif

Messages : 23417
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.

Ea
Aidactif
Aidactif

Messages : 23417
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(); },

Ea
Aidactif
Aidactif

Messages : 23417
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

Ea
Aidactif
Aidactif

Messages : 23417
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