Compte à rebours

**Alban 56** · 30/08/2012, 08h37

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 :

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
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

**vermine** · 30/08/2012, 08h43

Bonjour,

Vous avez bien un champ d'id "blink" ? Vous appelez bien la fonction init() dans le onload du <body> ?

**Alban 56** · 30/08/2012, 11h15

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.

**vermine** · 30/08/2012, 11h18

Il faudrait nous donner plus de code.

**Alban 56** · 30/08/2012, 13h27

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.

**vermine** · 30/08/2012, 13h32

Il vous manque donc la fin du code html. Par exemple ceci :

Code :

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

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".

**Alban 56** · 30/08/2012, 17h38

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

**NoSmoking** · 30/08/2012, 22h41

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

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
<!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.

Compte à rebours

JavaScript

Discussions similaires

Partager

Partager