Temporizador

Ejecutar una función cuando ha pasado un tiempo.

setTimeout

Cuando se acaba el tiempo se ejecuta la función.

Parámetros:

Ejemplo 1

function hola() { alert("Hola") }

setTimeout(hola, 5000);

Cuando pasen 5 segundos saldrá un mensaje que me saluda.

Ejemplo 2

setTimeout(function () { 
    alert("Hola");
}, 5000);

setInterval

La función se ejecuta cada X milisegundos.

Ejemplo

function botar() {
    var img = document.querySelector('#pelota');
    img.classList.toggle('arriba');
}
setInterval(botar, 1000);

Cada vez que pasa un segundo la pelota sube o baja.

clearInterval

Se utiliza para parar el setInterval.

Ejemplo

var temporizador = null;

function reloj() {
    var fecha = new Date();
    document.querySelector('p').innerHTML = fecha;
}

function arrancar() {
    temporizador = setInterval(reloj, 1000);
}

function parar() {
    clearInterval(temporizador);
}

. La función reloj muestra la fecha y la hora en el primer párrafo.

La función arrancar llama a la función reloj cada vez que pasa un segundo.

La función parar hace que deje de funcionar el setInterval.

La función clearInterval necesita el temporizador que retorna setInterval. El temporizador se puede almacenar en una variable global.

Proinf.net