Appel fonction JavaScript dans HTML

**audrey1912** · 09/08/2012, 10h57

Bonjour,

Tout d'abord je souhaiterais dire que j'ai cherché une solution, mais rien n'y fait, je dois manquer quelque chose...

En fait, j'ai une fonction JS dans un fichier extension .js. Voici le code :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
    function runClock() {
        today   = new Date();
        hours   = today.getHours();
        minutes = today.getMinutes();
        seconds = today.getSeconds();
        timeValue = hours;
 
        timeValue += ((minutes < 10) ? ":0" : ":") + minutes;
        timeValue += ((seconds < 10) ? ":0" : ":") + seconds;
        document.getElementById("time").value = timeValue;
        timerID = setTimeout("runClock()",1000);
        timerRunning = true;
    }

Donc je souhaiterais exécuter la fonction au moment du chargement du body de la page, donc j'ai écrit :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html>
    <head>
        <link rel="stylesheet" href="styles.css" />
 
       	<script type="text/javascript" src="date.js"></script>
	<script type="text/javascript" src="blabla.js"></script>
 
        <title>EPG</title>
 
    </head>
 
    <body onload="runClock()">
         ...
    </body>
</html>

Mais l'heure, qui doit se rafraîchir toutes les secondes n'apparait pas.
Quelqu'un peu m'aider s'il vous plait... Merci d'avance.

**NoSmoking** · 09/08/2012, 11h01

Bonjour,

Code :

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

document.getElementById("time").value = timeValue;

ton élément "time" est-il de type INPUT?

**audrey1912** · 09/08/2012, 11h13

Mince, j'ai mis l'ancien code, cette ligne la n'existe plus.
Je souhaite juste afficher l'heure dans un bandeau en haut de page, sans avoir besoin d'input.

**NoSmoking** · 09/08/2012, 11h16

avec innerHTML

Code :

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

document.getElementById("time").innerHTML = timeValue;

**audrey1912** · 09/08/2012, 11h19

Merci... Mais ça ne marche pas...

**NoSmoking** · 09/08/2012, 11h41

testes le code ci dessous
SI cela ne marche pas ALORS active le javascript

SINON l'erreur est ailleurs

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
<!DOCTYPE html>
<html>
<head>
<title>EPG</title>
<link rel="stylesheet" href="styles.css" />
<script type="text/javascript">
function runClock() {
  today   = new Date();
  hours   = today.getHours();
  minutes = today.getMinutes();
  seconds = today.getSeconds();
  timeValue = hours;
  timeValue += ((minutes < 10) ? ":0" : ":") + minutes;
  timeValue += ((seconds < 10) ? ":0" : ":") + seconds;
  document.getElementById("time").innerHTML = timeValue;
  timerID = setTimeout(runClock,1000);
  timerRunning = true;
}
</script>
</head>
<body onload="runClock()">
  <span id="time"></span>
</body>
</html>

**Bovino** · 09/08/2012, 11h48

Et au passage (comme l'a rectifié NoSmoking)

Code :

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

timerID = setTimeout("runClock()",1000);

est à éviter !
Le premier paramètre de setTimeout() ou setInterval() doit être une fonction, il faut éviter de lui passer une chaine.

**audrey1912** · 09/08/2012, 11h49

Merci pour tout!
Tout fonctionne!!

**Bovino** · 09/08/2012, 11h51

Ceci dit, je ne vois pas trop l'intérêt de vouloir réinventer la roue lorsque JavaScript dispose d'une fonction prévue pour :

Code :

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

1
2
3
4
function runClock() {
  document.getElementById("time").innerHTML = new Date().toLocaleTimeString();
  timerID = setTimeout(runClock,1000);
}

Appel fonction JavaScript dans HTML

JavaScript

Discussions similaires

Partager

Partager