Méthode : window.setTimeout()

<div id="horloge">...</div>
<script type="text/javascript">
function Timer() {
var dt=new Date()
var secondes=dt.getSeconds();
if (secondes<10) {
secondes="0"+secondes
}
document.getElementById("horloge").innerHTML=dt.getHours()+":"+dt.getMinutes()+":"+secondes;
setTimeout("Timer()",900);
console.log("Exécution de Timer()");
}
Timer();
</script>

Emulation de la console

Met à jour l'horloge dans le div horloge.
Dans cet exemple, setTimeout() est appelé à chaque lancement de Timer() pour ne pas interrompre l'affichage.
Il aurait été possible d'utiliser setInterval()

<div id="monEvent">...</div>
<script type="text/javascript">
function Timer2() {
var monEvent=document.getElementById("monEvent");
monEvent.innerHTML = "Lancement réalisé";
monEvent.parentNode.style.backgroundColor="#f00";
monEvent.parentNode.style.color="#fff";
}
setTimeout("Timer2()",5000);
</script>

Emulation de la console

Au bout de 5000 millisecondes, le script affiche une information et change la couleur de la zone d'exécution du script d'exemple.

Dunod Fnac Amazon

Chargement
en cours...