É fácil usar o evento Time em JavaScripp.
setTimeout ()
Executar o código em um determinado horário
ClearTimeout ()
Cancelar setTimeout ()
setTimeout ()
gramática
Copie o código do código da seguinte forma:
var t = setTimeout ("Declaração JavaScript", milissegundos)
O método setTimeout () retorna um determinado valor. Na declaração acima, o valor é armazenado em uma variável chamada T. Se você deseja cancelar este setTimeout (), pode usar esse nome de variável para especificá -lo.
O primeiro parâmetro do setTimeout () é uma string que contém a instrução JavaScript. Esta afirmação pode ser como "Alert ('5 segundos!'), Ou a chamada da função, como alertmsg ()".
O segundo parâmetro indica o primeiro parâmetro após o início dos milissegundos atuais.
Dica: 1000 milissegundos são iguais a um segundo.
Quando o botão no exemplo a seguir é clicado, uma caixa de prompt aparecerá em 5 segundos.
Copie o código do código da seguinte forma:
<html>
<head>
<script type = "text/javascript">
Função timedmsg ()
{{
var t = setTimeout ("alert ('5 segundos!')", 5000)
}
</script>
</head>
<Body>
<morm>
<input type = "Button" Value = "Exibir alerta de tempo!"
</morm>
</body>
</html>
Exemplo- ciclo infinito
Para criar um cronômetro em execução em um loop infinito, precisamos escrever uma função para se chamar. No exemplo a seguir, quando o botão é clicado, o domínio de entrada é contado a partir de 0.
Copie o código do código da seguinte forma:
<html>
<head>
<script type = "text/javascript">
var c = 0
var t
Função timedCount ()
{{
document.getElementById ('txt')
C = C+1
t = setTimeout ("timedCount ()", 1000)
}
</script>
</head>
<Body>
<morm>
<input type = "Button" Value = "Iniciar contagem!"
<input type = "text" id = "txt">
</morm>
</body>
</html>
ClearTimeout ()
gramática
Copie o código do código da seguinte forma:
ClearTimeout (setTimeout_Variable)
Exemplo
O exemplo abaixo é semelhante ao exemplo do loop infinito acima. A única diferença é que agora adicionamos uma "contagem de parada!"
Copie o código do código da seguinte forma:
<html>
<head>
<script type = "text/javascript">
var c = 0
var t
Função timedCount ()
{{
document.getElementById ('txt')
C = C+1
t = setTimeout ("timedCount ()", 1000)
}
Função stopcount ()
{{
ClearTimeout (T)
}
</script>
</head>
<Body>
<morm>
<input type = "Button" Value = "Iniciar contagem!"
<input type = "text" id = "txt">
<input type = "Button" Value = "Stop Count!" OnClick = "StopCount ()">
</morm>
</body>
</html>
Os outros dois métodos importantes:
Copie o código do código da seguinte forma:
SetInterval ()
SetInterval () -Executa uma função, repetidamente, intervalos de tempo atcificado
A função é: o ciclo executa um método, dentro do tempo de intervalo especificado
gramática:
Copie o código do código da seguinte forma:
Window.setInterval ("função javascript", milissegundos);
Nota: O primeiro parâmetro deve ser uma função e o segundo parâmetro é o tempo de intervalo da função de execução.
Exemplo:
Copie o código do código da seguinte forma:
<html>
<script type = "text/javascript">
setInterval (function () {alert ("hello")}, 500);
</script>
</html>
Nota: o exemplo acima, o efeito de execução significa que cada 500ms está alerta ("hello");
Mais um relógio:
Copie o código do código da seguinte forma:
<html>
<Body>
<P ID = "Demo"> </p>
<script type = "text/javascript">
setInterval (function () {mytimer ()}, 1000);
function mytimer () {
var d = new Date ();
var t = d.tolocaletimestring ();
Document.getElementById ('Demo').
}
</script>
</body>
</html>
Como parar, Método setInterval () ??
Copie o código do código da seguinte forma:
Window.clearInterval ()
gramática:
Copie o código do código da seguinte forma:
Window.clearInterval (intervalVariable)
Copie o código do código da seguinte forma:
O método window.clearInterval () pode ser escrito com o prefixo da janela.
Para poder usar o método clearInterval (), você deve usar uma variável global ao criar o método de intervalo:
Myvar = setInterval ("função javascript", milissegundos);
Em seguida, você poderá interromper a execução chamando o método clearInterval ().
Exemplo:
Copie o código do código da seguinte forma:
<html>
<Body>
<P ID = "Demo"> </p>
<p id = "Demo2" onclight = "stop ()"> stop </p>
<script type = "text/javascript">
var test = setInterval (function () {mytimer ()}, 1000);
function mytimer () {
var d = new Date ();
var t = d.tolocaletimestring ();
Document.getElementById ('Demo').
}
Função stop () {
<html>
<Body>
<P ID = "Demo"> </p>
<p id = "Demo2" onclight = "stop ()"> stop </p>
<script type = "text/javascript">
var test = setInterval (function () {mytimer ()}, 1000);
function mytimer () {
var d = new Date ();
var t = d.tolocaletimestring ();
Document.getElementById ('Demo').
}
Função stop () {
ClearInterval (temp);
}
</script>
</body>
</html>
}
</script>
</body>
</html>