Décompter vers une date

**Yepazix** · 03/03/2012, 15h12

Bonjour,
Je voudrais créer une page sur la quelle il y aurait affiché :

Encore xx jours, xx heure, xx minutes, xx secondes avant le 12/04/2013.

Quelqu'un saurait il comment créer un compteur qui décompte ET RESTE ACTIF UNE FOIS LA PAGE AFFICHEE. (qu'il continue de décompter).

S'il y a quelque part des bouts de code pour ça je suis preneur :-)

Merci.

A peluches.

**transgohan** · 03/03/2012, 19h02

Un compteur qui reste actif quand la page est fermée ce n'est pas possible.
Le protocole HTTP est un protocole client-serveur, s'il n'y a pas de requête il n'y a rien qui s'exécute.

Par contre un compteur qui se remet à jour à chaque requête c'est possible.

Avec la fonction time() tu récupéreras la date et l'heure du jour sous le format du nombre de secondes depuis le 1er janvier 1970.
Avec la fonction
Avec mktime() tu pourras créer une date sous le même format mais en spécifiant en argument la date convenue.
Une simple soustraction et tu as le nombre de secondes entre les deux dates.
Après il suffit de diviser successivement pour obtenir le nombre de minutes, d'heures, de jours...

**Yepazix** · 04/03/2012, 01h01

Non non j'ai pas dit quand la page est fermée, j'ai dit quand elle est affichée.
Donc en fait si le gars regarde son écran il verrait le temps s'égrainer devant lui.
Ça doit pas être super précis mais ça doit donner l'impression de l'être....

**m4riachi** · 04/03/2012, 01h37

Tu dois voir au coté javascript

**ABCIWEB** · 04/03/2012, 04h56

Comme dit m4riachi il faut voir du côté de javascript si tu veux que le compteur reste actif et défile.
Ce topic pourrait t'intéresser.

**Yepazix** · 05/03/2012, 00h21

Moi ce que je voudrais faire est finalement assez simple par rapport à ce qui est expliqué ici.

J'ai une page, on va dire index.html.
quand les gens vont sur www.mystèreetbouledegomme.com ils arrivent sur cette page.
Jusqu'au 12/02/2013, je veux juste afficher sur cette page :

ENCORE XX jours, XX heures, XX secondes avant de découvrir ce qui se cache ici.
Je veux que ça continue à décompter une fois la page affichée.

Je n'ai pas vraiment besoin d'autre chose car quand le compteur arrivera à la date fatidique je changerai simplement la page index.html pour qu'elle affiche le mystère en question...

Alors qui se sent l'ame d'un synthétiseur bien didactique pour tenter de me cortiquer ?

**Yepazix** · 07/03/2012, 12h15

Merci pour le topic ou on parle de décompte.
J'ai été voir et j'ai recopié bêtement ce bout de code.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<script type="text/javascript">
//Déclaration d'une variable globale qui pourra être utilisée dans toute la page
var mon_timer;
 
function start(duree)
{
o=document.getElementById('box')
   if(duree >= 0)
   {
       o.value = duree;
       //Démarrage du timer
       mon_timer = setTimeout(function(){start(duree-1)}, 1000);
   }
   else
   {
       o.value ="Vendu !!!";
   }
}
 
function restart(duree)
{
   //Nettoyage du timer
   clearInterval(mon_timer);
 
   //Démarrage d'un nouveau timer
   start(duree);
}
</script>
 
</head>
<body onload="start(3);">
   <input type="button" id="box" height="20" value=""/><br><input type="button" onclick="restart(3)" value="encherir!" />
</body>
</html>

Dans une page que j'ai ensuite ouverts sur mon navigateur.
Je vois comme prévu un décompte, un bouton qui affiche enchérir puis vendu quand le compteur arrive à 0.

Mon souci c'est que je ne comprends pas grand chose à ce code.
Tout d'abords le compteur décompte toujours depuis 3 (3,2,1,0).
D’où sort il cette valeur 3 ?
Il semble décompter en secondes est il possible de "formater" pour que le décompte soit du style XX jours, XX heures, XX minutes ou XX secondes ou alors le décompte se fait il toujours en seconde et on doit faire une conversion ensuite ?
Si on doit faire cette conversion c'est aussi en flash je suppose ?
D'Autre part est il possible de ne pas afficher des buttons mais juste du texte et est il possible de changer les caractères ?
Aussi une autre question, si on veut décompter jusqu'a une date est ce qu'on doit donner une valeur en secondes ou peut on donner une date directement ?

Merci de votre aide.

**SpaceFrog** · 07/03/2012, 13h50

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<script type='text/javascript'>
var running
var end =new Date(2012,11,12)
var day =1000*60*60*24
 
function launch(){
 running=setInterval(function(){chrono()},1000);
}
 
function chrono(){
       now=new Date()
       diff=end.getTime() - now.getTime()
		var remainingTime= new Date(diff);                 		
		if (diff==0){ clearTimeout(running);
                               alert("c'est la fin")
 	                        }
document.getElementById('clock').innerHTML=Math.floor(remainingTime.getTime()/day)+" jours : "+ remainingTime.getHours()+" heures : "+remainingTime.getMinutes()+" minutes : "+remainingTime.getSeconds()+" secondes";                         
}
 
</script>
</head>
<body onload="launch()">
<span id="clock"></span>&nbsp avant la fin du rouleau de papier Q. 
</body>
 
</html>

**Yepazix** · 08/03/2012, 00h47

Que dire ?

Parfait, génial, perso moi je vote pour qu'on te la donne la légion ;-)

MERCI

Décompter vers une date

JavaScript

Discussions similaires

Partager

Partager