1. O que é um cronômetro JavaScript?
No JavaScript, podemos executar o código após um intervalo definido, e não imediatamente após a chamada da função.
2. Tipo de temporizador
Timer único: acionado apenas uma vez após o tempo de atraso especificado.
Timer de gatilho de intervalo: gatilhos uma vez que todo determinado intervalo de tempo
3. Método do timer
1): Tempo único
A): setTimeout (): execute o código após o tempo de atraso especificado e execute -o uma vez.
Sintaxe: setTimeout (código, tempo de atraso);
Descrição do parâmetro:
1. A função a ser chamada ou a sequência de código a ser executada.
2. Tempo de atraso: o tempo para esperar antes de executar o código, em milissegundos (1s = 1000ms).
B): cleartimeout (): cancel setTimeout ()
Sintaxe: ClearTimeout (Timer)
Descrição do parâmetro:
Timer: o valor de identificação retornado por setTimeout (). Este valor identifica o bloco de código de execução atrasado a ser cancelado.
Call Settimeout () e ClearTimeout () Atraso Métodos:
A cópia do código é a seguinte:
<! Doctype html>
<html>
<head>
<meta charset = "utf-8">
<title> JavaScript Timer </ititle>
<input type = "button" value = "start" id = "btnstart" onclick = "startPrint ()">
<input type = "button" value = "pause" id = "btnstop" onclick = "stopprint ()">
<br>
</head>
<Body>
<script type = "text/javascript">
// Defina o método de impressão
função print ()
{
console.log ("Estou imprimindo!");
}
var timer; // Este valor identifica o bloco de código de execução atrasado a ser cancelado
// Comece a imprimir
função startprint ()
{
Timer = setTimeout (impressão, 1000); // Ligue para o timer, atraso a impressão por 1 segundo, execute apenas uma vez
}
// impressão final
função stopprint ()
{
ClearTimeout (Timer); // Cancele Timer
}
</script>
</body>
</html>
Call Settimeout () e ClearTimeout () Métodos de Loop Infinite:
A cópia do código é a seguinte:
<! Doctype html>
<html>
<head>
<meta charset = "utf-8">
<title> JavaScript Timer </ititle>
<input type = "button" value = "start" id = "btnstart" onclick = "startPrint ()">
<input type = "button" value = "pause" id = "btnstop" onclick = "stopprint ()">
<br>
</head>
<Body>
<script type = "text/javascript">
// Defina o método de impressão
função print ()
{
console.log ("Estou imprimindo!");
Timer = setTimeout (impressão, 1000); // Inicie o timer, ligue para si mesmo e execute um loop infinito
}
var timer; // Este valor indica o bloco de código para cancelar a execução atrasada
// Comece a imprimir
função startprint ()
{
Print (); // Ligue para o método de impressão
}
// impressão final
função stopprint ()
{
ClearTimeout (Timer); // Cancele Timer
}
</script>
</body>
</html>
2): Timer de gatilho de intervalo
A): SetInterval (): Ao executar, o código é executado a cada tempo especificado após o carregamento da página.
Sintaxe: setInterval (código, tempo de interação);
Descrição do parâmetro:
1. Código: a função a ser chamada ou a string de código a ser executada.
2. Tempo de interação: o intervalo de tempo entre a execução periódica ou expressões de chamada, medidas em milissegundos (1s = 1000ms).
Valor de retorno:
Um valor que pode ser passado para ClearInterval () para cancelar a execução periódica de "código".
Formato da função de chamada (assumindo que existe uma função clock ()):
setInterval ("Clock ()", 1000) ou SetInterval (relógio, 1000)
B): O método clearInterval () cancela o tempo de interação definido por setInterval ()
Sintaxe: ClearInterval (timer)
Descrição do parâmetro:
Timer: o valor de identificação retornado por setInterval ().
Chamando setInterval () e ClearInterval () para executar a instância do método de execução do intervalo
A cópia do código é a seguinte:
<! Doctype html>
<html>
<head>
<meta charset = "utf-8">
<title> JavaScript Timer </ititle>
<input type = "button" value = "start" id = "btnstart" onclick = "startPrint ()">
<input type = "button" value = "pause" id = "btnstop" onclick = "stopprint ()">
<br>
</head>
<Body>
<script type = "text/javascript">
// Defina o método de impressão
função print ()
{
console.log ("Estou imprimindo!");
}
var timer; // Este valor identifica o bloco de código de execução do timer a ser cancelado
// Comece a imprimir
função startprint ()
{
Timer = setInterval ("print ()", 1000); // Timer de início
}
// impressão final
função stopprint ()
{
ClearInterval (Timer); // Cancele Timer
}
</script>
</body>
</html>
O exposto acima é todo o conteúdo descrito neste artigo. Eu espero que você possa gostar.