Faire un compte a rebour h:m:s depuis une date php

Version imprimable

04/08/2006, 18h18
Death83

Faire un compte a rebour h:m:s depuis une date php

Salut a tous,

j'ai récupérer une date en php que j'ai sous le format h:m:s.

Je voudrais faire en sorte que l'affichage de la date soit en temps réel et donc que les seconde/minute/heure décroissent réelement.

Avez vous une idée sur la facon de procéder?

Je pense qu'il faut que je créer une fonction qui récupert l'heure , les minutes et les secondes.

Mais apres je ne vois pas trop comment faire. Car la date que je récupert n'a rien a voir avec la date actuel.

Avez vous des idéeS?
04/08/2006, 18h30
FremyCompany

La première :
:google: javascript Date

La deuxième :
Est-ce vraiment utile ou ca va faire gadget sur ma page ?
Ca ne risque pas d'importuner le visiteur ?

;)
04/08/2006, 18h34
Death83

Non c'est pour l'espace administration, j'ai un tableaux avec des trucs a faires avec un délai.

J'ai chercher sur google mais la plus part des script c'est des compte a rebour pour un jour. Donc il ne fixe pas d'heure/m/s.

Il parte de 0:0:0 un jour précis et il décroissent au fur et à mesure.

Mais bon sinon tant pis il raffraichiront la page.
04/08/2006, 18h38
Kerod

J'ai bien une idée avec du innerHTML et trois div ainsi qu'une fonction de calcul. Ca t'inspire ?? Si oui on peut entrer dans les détails
04/08/2006, 18h40
Death83

Ouais le problème c'est pas pour l'affichage ca avec du innerhtml ou meme un truc.value ca peut marcher.

Le probleme c'est le script pour faire décroitre le temps :/.
04/08/2006, 18h41
Kerod

Là comme ca je vois pas le problème :aie:

Bon je vais voir si problème il y a...je teste de mon coté

A la volée :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<html>
 
<body onload="rebourd()">
<script language="javascript">
var heure = 20;
var minutes1 = 00;
var secondes = 00;
function rebourd()
{
    today   = new Date(); 
      hours   = today.getHours(); 
      minutes = today.getMinutes(); 
      seconds = today.getSeconds(); 
      timeValue = hours; 
 
      document.getElementById("h").innerHTML = Math.abs(heure - hours);
    document.getElementById("m").innerHTML = Math.abs(minutes1 - minutes);
    document.getElementById("s").innerHTML = Math.abs(secondes - seconds);
      timerID = setTimeout("rebourd()",1000); 
}
</script>
<div id="h" style="display:inline"></div>h<div id="m" style="display:inline"></div>min<div id="s" style="display:inline">sec</div>
</body>
</html>

Tu peux modifier en rajouter un bouton de lancement.Ou meme la saisie de l'heure voulue.

Il y a trois div car j'avais autre cose en tête et après j'ai tout simplifié donc tu peux directement formater le texte et mettre qu'un div

04/08/2006, 18h58
Death83

Merci je vais essayer.

Et ca se raffraichira tout seul ca?

Toutes les secondes d'ailleurs j'ai arrangé et voici :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<html>
 
 
 
 
<body onload="rebourd()">
<script language="javascript">
var heure = 20;
var minutes1 = 00;
var secondes = 00;
function rebourd()
{
    today   = new Date(); 
      hours   = today.getHours(); 
      minutes = today.getMinutes(); 
      seconds = today.getSeconds(); 
      timeValue = hours; 
      document.getElementById("timer").innerHTML = Math.abs(heure - hours) + 'h' + Math.abs(minutes1 - minutes) +'min'+ Math.abs(secondes - seconds)+'sec';
      timerID = setTimeout("rebourd()",1000); 
}
</script>
<div id="timer"></div>
</body>
</html>

Ca fonctionne j'ai testé ;)

Il y a un petit soucis ...Je regarde ca :aie:

Voilà maintenant ca fonctionne correctement sans aucun problème avec les heures :D

Code:

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
35
<html>
<body onload="rebourd()">
<script language="javascript">
var heure = 21;
var minutes1 = 00;
var secondes = 00;
function rebourd()
{
    today   = new Date(); 
      hours   = today.getHours(); 
      minutes = today.getMinutes(); 
      seconds = today.getSeconds(); 
      timeValue = hours; 
 
 
    time = minutes1*60 + heure*3600 + secondes;
    time1 = hours * 3600 + minutes*60 +seconds;
    timerestant = Math.abs(time1 - time);
 
    if(secondes == 00)
        secrestant = 60 - seconds;
    else
        secrestant = secondes - seconds;
 
    hrestant = Math.floor(timerestant/3600);
    minrestant = Math.floor((timerestant - (hrestant*3600))/60);
 
 
    document.getElementById("timer").innerHTML = hrestant + ' h ' + minrestant + ' m ' + secrestant + 'sec';
      timerID = setTimeout("rebourd()",1000); 
}
</script>
<div id="timer"></div>
</body>
</html>