Una
vez que se activa el temporizador simple mediante el método
setTimeout( ) el navegador lanzará la llamada a la función
temporizada cuando transcurra el tiempo marcado, pero si queremos
evitar esta llamada podemos hacerlo usando el método
clearTimeout(tempor) cuyo argumento es el valor devuelto por
la función que activó el temporizador. Por ejemplo
el ejemplo siguiente se usa para actualizar un contador que
se incrementa cada segundo, pero podemos detener el proceso
mediante un botón que llame a este método, esto
podría servir para cronometrar el tiempo que un visitante
tarda en encontrar un elemento en la página:
var veces =0;
function contar(){
contar++;
tempo = setTimeout("contar()", 1000);
}
tempo = setTimeout("contar()", 1000);
function parar(){
clearTimeout(tempo);
alert("Has tardado "+contar+" segundos");
}
En la página podríamos colocar un botón
que llame a esta función parar
<input type="button" name="Button"
value="Parar" onclick="parar()">
Al pulsar el botón se detiene el contador y aparece
un mensaje indicando el tiempo que tardó en pulsar
el botón, por supuesto es un valor aproximado.