Fonction simple qui ne marche pas

**ApocKalipsS** · 27/05/2010, 10h27

Bonjour,
Voici mon script pour afficher l'heure en temps réel, que j'ai trouvé sur developpez.net :

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
<BODY onLoad="runClock();"> 
 
<SCRIPT type="text/JavaScript">
<!--
function runClock() {
  today   = new Date();
  hours   = today.getHours();
  minutes = today.getMinutes();
  seconds = today.getSeconds();
  timeValue = hours;
  // Les deux prochaines conditions ne servent que pour l'affichage.
  // Si le nombre de minute est inférieur à 10, alors on rajoute un 0 devant...
  timeValue += ((minutes < 10) ? ":0" : ":") + minutes;
  timeValue += ((seconds < 10) ? ":0" : ":") + seconds;
  document.getElementById("time").value = timeValue;
  document.write(+timeValue+);
  timerID = setTimeout("runClock()",1000);
  timerRunning = true;
}
//-->  // Fin de la partie cachée
</SCRIPT>

Elle ne marche pas, rien ne s'affiche...
PS : Je suis un tout débutant.

**vermine** · 27/05/2010, 10h50

Bonjour,

Essayez ceci, j'ai mis des corrections en rouge:

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
<BODY onload="runClock();"> <input type="text" id="time"></body>
 
<SCRIPT type="text/JavaScript">
<!--
function runClock() {
  today   = new Date();
  hours   = today.getHours();
  minutes = today.getMinutes();
  seconds = today.getSeconds();
  timeValue = hours;
  // Les deux prochaines conditions ne servent que pour l'affichage.
  // Si le nombre de minute est inférieur à 10, alors on rajoute un 0 devant...
  timeValue += ((minutes < 10) ? ":0" : ":") + minutes;
  timeValue += ((seconds < 10) ? ":0" : ":") + seconds;
  document.getElementById("time").value = timeValue;
  //document.write(timeValue);//pas de "+" ici
  timerID = setTimeout("runClock()",1000);
  timerRunning = true;
}
//-->  // Fin de la partie cachée
</SCRIPT>

Ou bien essayez cette version-ci: lien vers la FAQ.

**ApocKalipsS** · 27/05/2010, 11h01

Bonjour,
Merci de votre réponse, mais moi je veux pas de cases blanches, mais juste l'heure par exemple "Il est 10:01:06" et ça s'actualise tous le temps.

**vermine** · 27/05/2010, 11h08

Alors vous pouvez afficher le temps dans un span par exemple. Voici les nouvelles modifications:

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
<BODY onload="runClock();"> Il est <span id="time">.</body> 
<SCRIPT type="text/JavaScript">
<!--
function runClock() {
  today   = new Date();
  hours   = today.getHours();
  minutes = today.getMinutes();
  seconds = today.getSeconds();
  timeValue = hours;
  // Les deux prochaines conditions ne servent que pour l'affichage.
  // Si le nombre de minute est inférieur à 10, alors on rajoute un 0 devant...
  timeValue += ((minutes < 10) ? ":0" : ":") + minutes;
  timeValue += ((seconds < 10) ? ":0" : ":") + seconds;
  document.getElementById("time").innerHTML = timeValue;
  timerID = setTimeout("runClock()",1000);
  timerRunning = true;
}
//-->  // Fin de la partie cachée
</SCRIPT>

**ApocKalipsS** · 27/05/2010, 11h31

Arf, maintenant le contneu de mon site ne s'affiche plus...

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
 
<SCRIPT type="text/JavaScript">
<!--
function runClock() {
  today   = new Date();
  hours   = today.getHours();
  minutes = today.getMinutes();
  seconds = today.getSeconds();
  timeValue = hours;
  // Les deux prochaines conditions ne servent que pour l'affichage.
  // Si le nombre de minute est inférieur à 10, alors on rajoute un 0 devant...
  timeValue += ((minutes < 10) ? ":0" : ":") + minutes;
  timeValue += ((seconds < 10) ? ":0" : ":") + seconds;
  document.getElementById("time").innerHTML = timeValue;
  timerID = setTimeout("runClock()",1000);
  timerRunning = true;
}
//-->  // Fin de la partie cachée
</SCRIPT>
<BODY onload="runClock();"> Il est <span id="time">.