Compte à rebours

Version imprimable

Compte à rebours

Bonjour à toutes et à tous,

J'avais un compte à rebours qui fonctionnait très bien; je viens de le réinstaller et là problème il ne fonctionne plus; j'ai dû faire une erreur de transcription, mais je ne trouve pas où.

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>
<head>
<script type="text/javascript"> 
function blink() 
{
       var toBl=document.getElementById('blink');
 
       if (toBl.style.color=='#191970'||toBl.style.color=='rgb(25, 25, 112)') 
       { 
            toBl.style.color='#DC143C';//rouge 
       } else { 
            toBl.style.color='#191970';//bleu
       } 
} 
 
 
 
function init()
{ 
	// PLF - http://www.jejavascript.net/
	datedujour = new Date();
	hdj=datedujour.getHours();
	mdj=datedujour.getMinutes();
	sdj=datedujour.getSeconds();
	date_even = new Date(2013, 0, 12, hdj, mdj, sdj); //janv =0 > decemb =11
	date1=datedujour.getTime();
	date2=date_even.getTime();
	nbrej= date2-date1;
	nbrej= Math.round((Math.round(nbrej)/1000)/60/60/24);
	document.getElementById('blink').innerHTML = "Il reste "+nbrej+" JOURS avant le départ de la Grande Odyssée 2012";
 
	setInterval('blink()', 1000);
}
</script>
</head>

D'avance merci pour votre aide,
Cordialement,
Alban

30/08/2012, 09h43
vermine

Bonjour,

Vous avez bien un champ d'id "blink" ? Vous appelez bien la fonction init() dans le onload du <body> ?
30/08/2012, 12h15
Alban 56

Merci pour votre aide,

Oui normalement j'ai des caractères qui clignotent, mais là rien.

Pour le reste je ne maitrise pas suffisamment ce langage pour répondre.
30/08/2012, 12h18
vermine

Il faudrait nous donner plus de code.
30/08/2012, 14h27
Alban 56

Problème:
Je me suis servi du code de ce compte à rebours l'année dernière à la même époque; une fois l'événement passé j'ai fait un copier coller de ce code que j'ai rangé bien précieusement dans un dossier. Là je viens de le ressortir et il ne fonctionne plus, et je n'ai rien d'autre comme lignes de code.
30/08/2012, 14h32
vermine
Il vous manque donc la fin du code html. Par exemple ceci :
Code:

1 2 3 4 <body onload="init();"> <span id="blink"></span> </body>
A savoir, l'appel de la fonction init() et un élément html pour recevoir votre compteur. Il a l'id "blink".
30/08/2012, 18h38
Alban 56

Ça y est j'ai retrouvé mon erreur, il manquait bien un bout de code; merci pour votre aide.
Cordialement,
Alban

Bonsoir,
tu tirerais plus avantage à gérer cela sur base d'un changement de class de ton SPAN.

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
<!DOCTYPE html>
<html lang="fr">
<head>
<style>
.red{  color:#DC143C;}
.bleu{ color:#191970;}
</style>
<script>
function blink(){
  var toBl=document.getElementById('blink');
  var b = /red/.test( toBl.className);
  toBl.className = b ? "blue" :"red";
}
function init(){
 datedujour = new Date();
 hdj=datedujour.getHours();
 mdj=datedujour.getMinutes();
 sdj=datedujour.getSeconds();
 date_even = new Date(2013, 0, 12, hdj, mdj, sdj); //janv =0 > decemb =11
 date1=datedujour.getTime();
 date2=date_even.getTime();
 nbrej= date2-date1;
 nbrej= Math.round((Math.round(nbrej)/1000)/60/60/24);
 document.getElementById('blink').innerHTML = "Il reste "+nbrej+" JOURS avant le départ de la Grande Odyssée 2012";
 setInterval( blink, 1000);
}
</script>
</head>
<body onload="init();">
   <span id="blink" class="red"></span>
</body>
</html>

A noter la ligne 25 pour l'appel de la fonction sur un setInterval.