Los temporizadores son un aspecto importante de cualquier lenguaje de programación. Como sabemos, el tiempo es dinero. Entonces, en este artículo, veremos cómo implementar y trabajar con Timers en JavaScript:
- Trabajar con temporizadores en JavaScript
- Método de ventana setTimeout ()
- Código: temporizadores en JavaScript
Trabajar con temporizadores en JavaScript
Un temporizador es una función que nos permite ejecutar una función en un momento determinado.Con los temporizadores, puede retrasar la ejecución del código para que no se realice en el momento exacto en que se activa un evento o se carga la página. Por ejemplo, puede usar temporizadores para cambiar los anuncios publicitarios en su sitio web a intervalos regulares, o mostrar un reloj en tiempo real, etc.
Hay una función de temporizador en JavaScript:setTimeout ()
La siguiente sección le mostrará cómo crear temporizadores para retrasar el códigoejecución, así como cómo realizar una o más acciones repetidamente utilizando la función de is en JavaScript.
Método de ventana setTimeout ()
Definición y uso:
El método setTimeout () llama a una función o evalúa una expresión después de un número específico de milisegundos.
PROPINA:
- 1000 ms = 1 segundo.
- La función solo se ejecuta una vez. Si necesita repetir la ejecución, use el
setInterval ()
método. - Utilizar el
clearTimeout ()
método para evitar que la función se ejecute.
Esta función acepta dos parámetros: a función , que es la función a ejecutar, y una opción retrasar parámetro, que es el número de milisegundos que representa la cantidad de tiempo de espera antes de ejecutar la función (1 segundo = 1000 milisegundos).
Valor devuelto: Devuelve un número que representa el valor de ID del temporizador que está configurado.
Código: temporizadores en JavaScript
Aquí está el código para temporizadores en JavaScript que establece el temporizador de 2 minutos y cuando el tiempo de alerta de la página 'se agota'. lossetTimeout ()
El método llama a una función o evalúa una expresión después de un número específico de milisegundos.
// establecer minutos
var min = 2
// calcula los segundos
var segundos = minutos * 60
// la función de cuenta atrás se evoca cuando se carga la página
function countdown () {
setTimeout ('Decremento ()', 60)
}
// Función de disminución disminuye el valor.
función Decremento () {
if (document.getElementById) {
minutes = document.getElementById ('minutos')
segundos = document.getElementById ('segundos')
// si queda menos de un minuto
// Mostrar solo el valor de los segundos.
si (segundos<59) {
segundos.valor = segundos
}
// Mostrar minutos y segundos
// getminutes y getseconds se usa para
// obtener minutos y segundos
else {
aplicaciones de análisis de big data
minutes.value = getminutes ()
seconds.value = getseconds ()
}
// cuando queda menos de un minuto
// color de los minutos y segundos
// cambia a rojo
si (minutos<1) {
minutes.style.color = 'rojo'
seconds.style.color = 'rojo'
}
// si los segundos se vuelven cero,
// luego se agota el tiempo de alerta de página
si (minutos<0) {
alerta ('tiempo de espera')
minutes.value = 0
segundos.valor = 0
}
código de ejemplo de Python de regresión logística
// si los segundos> 0, los segundos se reducen
else {
seco--
setTimeout ('Decremento ()', 1000)
}
}
}
function getminutes () {
// los minutos son segundos divididos por 60, redondeados hacia abajo
min = Math.floor (seg / 60)
minutos de retorno
}
function getseconds () {
// quitar los minutos restantes (como segundos)
// del total de segundos restantes
return segundos - Math.round (minutos * 60)
}
Tiempo restante ::
:
Cuando queda menos de un minuto, el color del temporizador cambia a rojo.
Con esto, llegamos al final de este artículo de Temporizadores en JavaScript. C diablos el por Edureka, una empresa de aprendizaje en línea de confianza con una red de más de 250.000 alumnos satisfechos repartidos por todo el mundo.
Tienes una pregunta para nosotros? Menciónelo en la sección de comentarios de esta Inyección de dependencia en AngularJs y nos comunicaremos con usted.