Javascript Timer Tutorial

Creación de una página web que se actualiza después de cada pocos minutos requiere el uso de JavaScript . Con JavaScript , se puede establecer una página para refrescarse después de un intervalo de tiempo especificado y mostrará una cuenta atrás que aparece cuando la próxima actualización se llevará a cabo . También puede crear eventos programados que se ejecutan o loop en tiempos predefinidos y sincronizar múltiples eventos en una línea de tiempo. Eventos de temporización en JavaScript se realiza mediante el método de " setTimeout ()" , que ejecuta el código en un tiempo determinado en el futuro y " clearTimeout () ", que anula el método setTimeout (). Instrucciones
1

Crear un botón dentro de la página HTML denominado "Click ", como se muestra a continuación :

< input type = nombre de " botón" = "Click" value = " Click and esperar " onclick = Timer () " />
2

Introduzca un código de función en la cabecera de la página HTML en el formato que se muestra a continuación :

< script type = "text /javascript" > var s ; var t = 0 ; time_on var ; Timer function () { var s = setTimeout ( "alert ( '5 segundos ' ) " , 10000 ) ;} < /script>

Cuando se hace clic en el botón " click" , el método setTimeout () es llamada y un mensaje emergente aparece en su ventana con el mensaje "sorpresa " después de 10 segundos o 10.000 milisegundos.

3

Escribir el código para cancelar el temporizador antes de que explote con la sintaxis a

clearTimeout ( timeoutId ) ;

el parámetro " timeoutId " es el tiempo de espera de regresar de la anterior " . setTimeout () llamada al método
4

Escribir la" función stopCount "como se muestra a continuación:

alertId = 0 ;

stopCount function () {if . . ( document.getElementById ( " alertTimer ") value == " ¡Haz clic y esperar"

{ document.getElementById ( " alertTimer ") value = " Haga clic para detener "; alertId = setTimeout ( " showAlert () " , 2000 ) ;} else {

document.getElementById ( " alertTimer ") = valor ". Haga clic y esperar " ; ! clearTimeout ( alertTimerId ) ;} }

showAlert función ( ) {
alerta

( " Demasiado tarde para detener el temporizador "); document.getElementById ( " alertTimer ") value = " Haga clic y esperar! " ; . }
5

Copy el siguiente código en su documento HTML: