Timer 1
Usado para especificar que um programa é executado após um período específico de tempo.
setTimeout ():
Formato: [Nome do objeto do timer =] Settimeout ("<Expression>", milissegundos)
Função: Execute <Expression> uma vez.
exemplo:
A cópia do código é a seguinte:
<! Doctype html>
<html>
<head>
<title> timer1.html </title>
<meta http-equiv = "palavras-chave" content = "palavra-chave1, palavra-chave2, palavra-chave3">
<meta http-equiv = "description" content = "Esta é a minha página">
<meta http-equiv = "content-type" content = "text/html; charset = utf-8">
<!-<link rel = "stylesheet" type = "text/css" href = "./ styles.css">->
<script type = "text/javascript">
contagem de funções ()
{
setTimeout ("alert ('execução bem -sucedida!')", 7000);
}
</script>
</head>
<Body>
<input type = "button" value = "clique em mim" onclick = "count ();">
</body>
</html>
Timer 2
Execute expressões repetidamente em um determinado intervalo de tempo.
setInterval ():
Formato: [Nome do objeto do timer =] setInterval ("<Expression>", milissegundos)
Função: Repita a <posição> até que a janela e o quadro estejam fechados ou o transportador transparente seja executado.
ClearInterval ():
Formato: ClearInterval (nome do objeto do timer)
Função: encerrar o timer
exemplo:
A cópia do código é a seguinte:
<! Doctype html>
<html>
<head>
<title> timer2.html </title>
<meta http-equiv = "palavras-chave" content = "palavra-chave1, palavra-chave2, palavra-chave3">
<meta http-equiv = "description" content = "Esta é a minha página">
<meta http-equiv = "content-type" content = "text/html; charset = utf-8">
<!-<link rel = "stylesheet" type = "text/css" href = "./ styles.css">->
<script type = "text/javascript">
var sec = 0;
var timer = setInterval ("count ();", 1000); // O tempo começa quando a página está carregando
contagem de funções ()
{
document.getElementById ("num"). INnerHTML = sec ++;
}
função stopcount ()
{
ClearInterval (Timer); // Pare a execução do timer
}
</script>
</head>
<Body>
<font color = "vermelho" id = "num"> 0 </font>
<input type = "button" value = "stop" onclick = "stopCount ();">
</body>
</html>
O acima é o conteúdo inteiro deste artigo. Espero que gostem