1. ¿Qué es un temporizador de JavaScript?
En JavaScript, podemos ejecutar código después de un intervalo establecido, en lugar de inmediatamente después de que se llama a la función.
2. Tipo de temporizador
Temporizador único: se activó solo una vez después del tiempo de retraso especificado.
Temporizador de activación del intervalo: dispara una vez cada intervalo de tiempo cierto
3. Método del temporizador
1): Temporizador único
A): setTimeOut (): ejecute el código después del tiempo de retraso especificado y ejecutarlo una vez.
Sintaxis: setTimeOut (código, tiempo de retraso);
Descripción del parámetro:
1. La función a llamar o la cadena de código se ejecutará.
2. Tiempo de retraso: el tiempo para esperar antes de ejecutar el código, en milisegundos (1s = 1000ms).
B): ClearTimeOut (): Cancel setTimeOut ()
Sintaxis: ClearTimeOut (temporizador)
Descripción del parámetro:
Temporizador: el valor de identificación devuelto por setTimout (). Este valor identifica el bloque de código de ejecución retrasado que se cancelará.
Llamar a setTimeOut () y métodos de retraso de ClearTimeOut ():
La copia del código es la siguiente:
<! Doctype html>
<html>
<Evista>
<meta charset = "utf-8">
<title> JavaScript Timer </title>
<input type = "button" value = "start" id = "btnstart" onClick = "startPrint ()">
<input type = "button" value = "pausa" id = "btnstop" onClick = "stopPrint ()">
<br>
</ablo>
<Body>
<script type = "text/javaScript">
// Defina el método de impresión
function print ()
{
console.log ("¡Estoy imprimiendo!");
}
temporizador var; // Este valor identifica el bloque de código de ejecución retrasado que se cancelará
// Empiece a imprimir
función startprint ()
{
temporizador = setTimeOut (imprimir, 1000); // Llame al temporizador, retrase la impresión en 1 segundo, solo ejecute una vez
}
// Impresión final
Function stopPrint ()
{
ClearTimeOut (temporizador); // Cancelar temporizador
}
</script>
</body>
</html>
Llame a setTimeOut () y ClearTimeOut () Infinite Loop Métodos:
La copia del código es la siguiente:
<! Doctype html>
<html>
<Evista>
<meta charset = "utf-8">
<title> JavaScript Timer </title>
<input type = "button" value = "start" id = "btnstart" onClick = "startPrint ()">
<input type = "button" value = "pausa" id = "btnstop" onClick = "stopPrint ()">
<br>
</ablo>
<Body>
<script type = "text/javaScript">
// Defina el método de impresión
function print ()
{
console.log ("¡Estoy imprimiendo!");
temporizador = setTimeOut (imprimir, 1000); // Inicie el temporizador, llame a sí mismo y realice un bucle infinito
}
temporizador var; // Este valor indica el bloque de código para cancelar la ejecución retrasada
// Empiece a imprimir
función startprint ()
{
Print (); // llame al método de impresión
}
// Impresión final
Function stopPrint ()
{
ClearTimeOut (temporizador); // Cancelar temporizador
}
</script>
</body>
</html>
2): Temporizador de activación de intervalo
A): setInterval (): al ejecutar, el código se ejecuta cada tiempo especificado después de cargar la página.
Sintaxis: setInterval (código, tiempo de interacción);
Descripción del parámetro:
1. Código: la función a llamar o la cadena de código que se ejecutará.
2. Tiempo de interacción: el intervalo de tiempo entre la ejecución periódica o las expresiones llamadas, medidas en milisegundos (1S = 1000 ms).
Valor de retorno:
Un valor que se puede pasar a ClearInterval () para cancelar la ejecución periódica del "código".
Formato de función de llamada (suponiendo que hay una función de reloj ()):
setInterval ("Clock ()", 1000) o SetInterval (Clock, 1000)
B): el método ClearInterval () cancela el tiempo de interacción establecido por SetInterval ()
Sintaxis: ClearInterval (temporizador)
Descripción del parámetro:
Temporizador: el valor de ID devuelto por SetInterval ().
Llamar a setInterval () y clearInterval () para ejecutar la instancia del método de ejecución del intervalo
La copia del código es la siguiente:
<! Doctype html>
<html>
<Evista>
<meta charset = "utf-8">
<title> JavaScript Timer </title>
<input type = "button" value = "start" id = "btnstart" onClick = "startPrint ()">
<input type = "button" value = "pausa" id = "btnstop" onClick = "stopPrint ()">
<br>
</ablo>
<Body>
<script type = "text/javaScript">
// Defina el método de impresión
function print ()
{
console.log ("¡Estoy imprimiendo!");
}
temporizador var; // Este valor identifica el bloque de código de ejecución del temporizador a cancelar
// Empiece a imprimir
función startprint ()
{
temporizador = setInterval ("print ()", 1000); // Temporizante de inicio
}
// Impresión final
Function stopPrint ()
{
ClearInterval (temporizador); // Cancelar temporizador
}
</script>
</body>
</html>
Lo anterior es todo el contenido descrito en este artículo. Espero que te pueda gustar.