Compte a rebours javascript svp :)

Version imprimable

12/12/2006, 22h24
bootx

Compte a rebours javascript svp :)

Bonjour a tous

Je suis a la recherche d'un compte a rebours en javascript ou php.

Le compte a rebours est journalier, pour indiquer un evenement qui se passe tout les jours.

Du style :

Il reste 3h 12mn 15s avant qu'il se passe quelque chose...

Puis, apres l'heure passé, le compte a rebour reprend de plus belle pour encore 24H... etc

Je suis totalement debutant en prog.

Merci de votre aide.
12/12/2006, 23h16
yusherboy

Bonsoir,

As-tu songé à ça ???
C'est un truc tout nouveau tout chaud super puissant et totalement gratuit!!!
13/12/2006, 00h39
bootx

lol - c'est effectivement pas mal mais ca ne resout en rien mon probleme ...

Tout les scripts que j'ai vu ne fonctionne que sur un principe de "date" or moi c'est l'heure qui m'interesse...

Un compte a rebour sur 24 H, on dirait bien que c'est introuvable.

De plus s'il y a des modifs a faire sur un sript, j'en serai bien incapable vu que je n'y connais rien en prog, j'arrive tout juste a integrer un script dans une page...

Donc je repose la question : quelqu'un pourrait il me pondre un script de compte a rebours de 24 H ?? ( voir mon premier message plus haut )

Merci :)
13/12/2006, 08h39
yusherboy

Ha! Pardon, j'avais pas compris la question comme ça.

Je vais m'y mettre tout de suite alors.
Est-ce que je te donne le script comme ça tel quel où faut te l'integer dans une page, parce que si tu veux, ma copine est designeuse, elle peut te faire ton site?

Désolé, j'aime pas le matin.
Plus sérieusement, on est pas là pour pondre du code pour les autres membres.

Essayes de rajouter "heure" dans la recherche google précédente, et prend juste un peu de temps pour essayer de comprendre, et je suis sûr que même pour un débutant, tu y arriveras.
De plus, il me semble en avoir déjà vu des scripts de compte à rebours sur 24h. Essayes de rajouter "24h" toujours à la même recherche.

Sur ce, mon compte à rebours café-script est arrivé à 0h00m00s.
13/12/2006, 20h33
bootx

Merci de ta reponse :)

Et bien je vais tenter de rechercher ca plus vaillemment....

Il faut bien s'y mettre un jour..

Une bonne soirée

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
var heureCourante = new Date();
heureCourante.setHours(24-heureCourante.getHours());
heureCourante.setMinutes(60-heureCourante.getMinutes());
heureCourante.setSeconds(60-heureCourante.getSeconds());
 
function AffichageCompteARebours() {
	heureCourante.setSeconds(heureCourante.getSeconds()-1);
	document.getElementById("CompteARebours").innerHTML = heureCourante.getHours() + " heures " + heureCourante.getMinutes() + " minutes " + heureCourante.getSeconds() + " secondes ";
}
 
window.onload = function () { setInterval(AffichageCompteARebours,1000); }
</script>

....
Dans la page.. pour afficher le compte à rebours :

Code:

<div id=CompteARebours></div>

L'heure "butoir" est ici minuit. Tu peux essayer de modifier le script à ta convenance.

14/12/2006, 03h03
bootx

Mais alors vraiment " MILLE MERCI" !!!!!!!!!

C'est vraiment royal !
c'est exactement ce que je cherche ...

C'est bon je peux changer le temps du compte a rebours sans souci.

Merci encore de ton aide mikemarti :)

Modif du message :) :

Ca marche a merveille mais comment puis je faire pour l'afficher deux fois sur la meme page sans utiliser de frames ??

Afficher le compte a rebours avec deux heures differentes.

Apparement si je met les deux scripts sur la meme page, rien ne s'affiche.

Je suppose donc qu'il doit y avoir conflit entre les variable et les fonctions ainsi que le numero ID dans la balise DIV

Que dois je changer dans le deuxieme script ( copie du premier en fait ) pour que les deux decompte s'affichent et avec une heure differente ??

MErci encore :)
14/12/2006, 07h17
yusherboy

Bonjour,

En effet, le script est pas mal. J'avais jamais songé à la jouer aussi simplement que ça.

Bémol (petit) : si la page est affichée entre minuit et 1 heure? (donc entre 24h et 1h pour la machine) il va te dire qu'il reste 00heures xx minutes !!!

ca a l'air de tourner a la perfection apres modifs :

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Document sans nom</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 
<script type="text/javascript">
var H_1 = new Date();
var H_2 = new Date();
var H_3 = new Date();
 
//-- Initialsation H_1
H_1.setHours  (12-H_1.getHours());
H_1.setMinutes(60-H_1.getMinutes());
H_1.setSeconds(60-H_1.getSeconds());
//-- Initialsation H_2
H_2.setHours  (24-H_2.getHours());
H_2.setMinutes(60-H_2.getMinutes());
H_2.setSeconds(60-H_2.getSeconds());
//-- Initialsation H_3
H_3.setHours  (6-H_3.getHours());
H_3.setMinutes(60-H_3.getMinutes());
H_3.setSeconds(60-H_3.getSeconds());
 
 
function AffichageCompteARebours(){
 var Html="";
 H_1.setSeconds(H_1.getSeconds()-1);
 H_2.setSeconds(H_2.getSeconds()-1);
 H_3.setSeconds(H_3.getSeconds()-1);
 
 Html = H_1.getHours() + " h " + H_1.getMinutes() + " mn " + H_1.getSeconds() + " sec ";
 document.getElementById("Rebours_1").innerHTML = Html;
 
 Html = H_2.getHours() + " h " + H_2.getMinutes() + " mn " + H_2.getSeconds() + " sec ";
 document.getElementById("Rebours_2").innerHTML = Html;
 
 Html = H_3.getHours() + " h " + H_3.getMinutes() + " mn " + H_3.getSeconds() + " sec ";
 document.getElementById("Rebours_3").innerHTML = Html;
 
}
window.onload = function () { setInterval(AffichageCompteARebours,1000); }
</script> 
</head>
 
<body>
<div id="Rebours_1"></div> evenement 1<br>
<div id="Rebours_2"></div> evenement 2<br>
<div id="Rebours_3"></div> evenement 3
</body>
</html>

Pour te repondre yusherboy, apres test ca va. ca marche nickel.

Vais quand meme le faire tourner encore une fois jusqu'a minuit ce soir lol

Merci encore pour les reponses de chacun.

Une bonne journée

Ah oui je tiens quand meme a preciser que ce n'est pas moi qui est refait le code. j'en serai bien incapable pour le moment.

Donc merci encore aussi a celui qui m'a fait ces modifs...

14/12/2006, 08h39
yusherboy

Citation:

Envoyé par bootx

Pour te repondre yusherboy, apres test ca va. ca marche nickel.

A moi de poser une question alors : quel navigateur as tu stp?

Parce-que moi, sur ie 6 et Firefox 1.5, si je mets mon heure système à minuit et quelques, il me qit bien qu'il reste 0h et quelques.

Autre chose que je n'avais pas vu précédemment (et pourtant c'est gros, on va dire que c'est parce-que je venais de me reveiller) :

Si il est 10h55m30s , et que tu veux aller à 12h00 (ton h_1), ça va te dire qu'il reste :
12-h_1.getHours() (soit 10) = 2 heures
60 - h_1.getMinutes() (soit 55) = 5 minutes
60-H_1.getSeconds() (soit 30) = 30 secondes

alors qu'il reste une 1h04m30s

T'es sûr que chez toi ça marche ????
14/12/2006, 20h05
mikemarti

Citation:

Si il est 10h55m30s , et que tu veux aller à 12h00 (ton h_1), ça va te dire qu'il reste :
12-h_1.getHours() (soit 10) = 2 heures
60 - h_1.getMinutes() (soit 55) = 5 minutes
60-H_1.getSeconds() (soit 30) = 30 secondes

alors qu'il reste une 1h04m30s

C'est vrai qu'en réfléchissant c'est un peu bizarre.
L'erreur vient de mon premier script où j'ai du aller un peu vite. En heure de référence j'ai mis 24h-60mn-60s, ce qui n'est pas minuit !

Pour reprendre ton exemple : 12h00 n'est pas 12h-60mn-60s (=13h01 ce qui correspond bien à ton résultat 2h 5mn et 30s).
Pour 12h00 il faut donc mettre 12h-0mn-0s et minuit 24h-0mn-0s.

Désolé pour l'erreur... après tests ça a l'air de convenir...
28/05/2008, 07h32
bootx

Merci a vous deux pour vos infos.

Désolé de la reponse tardive ( 1 an et demi apres ... lol )

Effectivement apres test des mn et sec a 0, tout va mieux :)

Merci encore pour votre aide.
28/05/2008, 09h15
SpaceFrog

Une toute petite recherche t'aurais mené par exempel à ce post :
http://www.developpez.net/forums/sho...compte+rebours

avec un script plus "léger" ...