in

Eventos de tiempo de JavaScript


1

2

3

4

5

6

7

8

9

10

11

12

JavaScript se puede ejecutar en intervalos de tiempo.

A esto se le llama eventos cronometrados.


Eventos de tiempo

los window El objeto permite la ejecución de código en intervalos de tiempo especificados.

Estos intervalos de tiempo se denominan eventos cronometrados.

Los dos métodos clave para usar con JavaScript son:

  • setTimeout(function, milliseconds)
    Ejecuta una función, después de esperar un número específico de milisegundos.
  • setInterval(function, milliseconds)
    Igual que setTimeout (), pero repite la ejecución de la función continuamente.

los setTimeout() y setInterval() son ambos métodos del objeto Ventana DOM de HTML.


El método setTimeout ()

window.setTimeout (función, milisegundos);

los window.setTimeout() El método se puede escribir sin el prefijo de ventana.

El primer parámetro es una función a ejecutar.

El segundo parámetro indica el número de milisegundos antes de la ejecución.

Ejemplo

Haga clic en un botón. Espere 3 segundos y la página alertará «Hola»:

Intentalo

Inténtalo tú mismo »



¿Cómo detener la ejecución?

los clearTimeout() El método detiene la ejecución de la función especificada en setTimeout ().

window.clearTimeout (timeoutVariable)

los window.clearTimeout() El método se puede escribir sin el prefijo de ventana.

los clearTimeout() El método utiliza la variable devuelta por setTimeout():

myVar = setTimeout (función, milisegundos);
clearTimeout (myVar);

Si la función aún no se ha ejecutado, puede detener la ejecución llamando al clearTimeout()
método:

Ejemplo

El mismo ejemplo que el anterior, pero con un botón «Detener» agregado:

Intentalo

Inténtalo tú mismo »


El método setInterval ()

los setInterval() El método repite una función dada en cada intervalo de tiempo dado.

window.setInterval (función, milisegundos);

los window.setInterval() El método se puede escribir sin el prefijo de ventana.

El primer parámetro es la función a ejecutar.

El segundo parámetro indica la duración del intervalo de tiempo entre cada ejecución.

Este ejemplo ejecuta una función llamada «myTimer» una vez por segundo (como un reloj digital).

Ejemplo

Mostrar la hora actual:

setInterval (myTimer, 1000);

function myTimer () {
const d = nueva fecha ();
document.getElementById («demostración»). innerHTML = d.toLocaleTimeString ();
}

Inténtalo tú mismo »

Hay 1000 milisegundos en un segundo.


¿Cómo detener la ejecución?

los clearInterval() detiene las ejecuciones de la función especificada en el método setInterval ().

window.clearInterval (timerVariable)

los window.clearInterval() El método se puede escribir sin el prefijo de ventana.

los clearInterval() El método usa la variable devuelta por setInterval():

deje myVar = setInterval (función, milisegundos);
clearInterval (myVar);

Ejemplo

El mismo ejemplo que el anterior, pero hemos agregado un botón «Detener el tiempo»:

Inténtalo tú mismo »


Más ejemplos

Otro momento simple

Un reloj creado con un evento cronometrado

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Servicios de informes de Oracle

how to change text color in html

Cómo cambiar el color del texto en HTML