Appel fonction JavaScript dans HTML

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

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, 12h01

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, 12h13

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, 12h16

avec innerHTML

Code :

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

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

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

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

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

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>

Appel fonction JavaScript dans HTML

JavaScript

Vue hybride

Discussions similaires

Partager

Partager