Definição e uso setInterval ()
O método setInterval () executa uma função ou expressão em um período especificado (em milissegundos). Este método continuará chamando a função até que o ClearInterval () seja usado para interromper explicitamente a função ou a janela que está sendo fechada. O parâmetro da função clearInterval () é o valor de ID retornado por setInterval ().
gramática
setInterval (código, milisec [, "Lang"]))
código necessário. A função a ser chamada ou a sequência de código a ser executada.
Millisec deve. O intervalo entre execução periódica ou código de chamada, em milissegundos.
Valor de retorno
Um valor que pode ser passado para Window.ClearInterval () para cancelar a execução periódica do código.
Exemplo de uso:
A cópia do código é a seguinte:
<html>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<Body>
<input type = "text" id = "clock" size = "35" />
<idioma do script = javascript>
var int = setInterval ("Clock ()", 50);
function clock () {
var t = new Date ();
document.getElementById ("relógio"). Valor = t;
}
</script>
</morm>
<button onclick = "window.clearInterval (int)">
Evento de intervalo de parada </botão>
</body>
</html>
Definição e uso setTimeout ()
O método setTimeout () é usado para chamar uma função ou calcular uma expressão após um número especificado de milissegundos. A diferença entre esse método e o método setInterval () é que ele é executado apenas uma vez.
gramática
setTimeout (código, milisec)
código necessário. A sequência de código JavaScript a ser executada após a função a ser chamada.
Millisec necessário. O número de milissegundos para esperar antes de executar o código é medido em milissegundos.
dica:
(1) setTimeout () é executado apenas uma vez. No entanto, se você deseja chamá -lo várias vezes, além de usar o setInterval (), também pode fazer com que o código executado ligue para o método setTimeout () novamente, que alcançou o objetivo de múltiplas execuções.
(2) Além disso, o método setTimeout () também pode retornar um valor de identificação para facilitar o cancelamento do método setTimeout () usando o método clearInterval ().
Exemplo de uso:
A cópia do código é a seguinte:
<html>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<head>
<script type = "text/javascript">
função timedmsg () {
var t = setTimeout ("alert ('3 segundos tempo está em alta!')", 3000);
}
função timedmsGaways () {
alerta ('3 segundos tempo acabou!');
var t = setTimeout ("timedmsGaways ()", 3000);
}
</script>
</head>
<Body>
<morm>
<input type = "button" value = "aviso após 3 segundos" onclick = "timedmsg ()"> <r />
<input type = "button" value = "loop 3 segundos aviso" onclick = "timedmsGaways ()">
</morm>
</body>
</html>
Para esses dois métodos, deve -se notar que, se for necessário executar uma determinada ação com precisão após um intervalo de tempo fixo, é melhor usar o SetInterval e se você não quiser interferir um no outro devido a chamadas contínuas, especialmente se cada chamada de função exigir cálculos pesados e um longo tempo de processamento, é melhor usar o Settimeout.