Fonction simple qui ne marche pas

Version imprimable

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

Code:

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.

Bonjour,

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

Code:

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.

27/05/2010, 10h01
ApocKalipsS

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.

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

Code:

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>

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

Code:

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

27/05/2010, 10h58
vermine

Au temps pour moi, j'ai oublié de fermer le span et il s'applique donc à tout le document :aie:

Code:

Il est <span id="time"></span>.
27/05/2010, 11h29
ApocKalipsS

Wouhou, ca marche super bien !
Merci beaucoup... Vermine :mouarf: !