1. Um cronômetro que é executado apenas uma vez
Copie o código do código da seguinte forma:
<roteiro>
//O temporizador é executado de forma assíncrona
função olá(){
alerta("olá");
}
//Executa o método usando o nome do método
var t1 = window.setTimeout(olá,1000);
var t2 = window.setTimeout("hello()",3000);//Usar método de execução de string
window.clearTimeout(t1); //Remove o cronômetro
</script>
2. Temporizador de execução repetida
Copie o código do código da seguinte forma:
<roteiro>
função olá(){
alerta("olá");
}
//Repetir um método
var t1 = window.setInterval(olá,1000);
var t2 = window.setInterval("olá()",3000);
//Como remover o temporizador
janela.clearInterval(t1);
</script>
Observação:
Se houver dois métodos em uma página, ambos executados após o carregamento da página, mas na verdade não puderem ser executados em ordem, você pode consultar os seguintes métodos para resolver o problema:
Você pode adicionar um cronômetro no método onload, definir um cronômetro e "atrasá-lo" por um período de tempo antes de executá-lo. Isso pode ser considerado para distinguir a ordem de carregamento da página e os métodos de execução.
Em JavaScript, existem duas funções dedicadas para temporizadores, a saber:
1. Temporizador de contagem regressiva: timename=setTimeout("function();",delaytime);
2. Temporizador de loop: timename=setInterval("function();",delaytime);
O primeiro parâmetro "function()" é a ação a ser executada quando o temporizador é acionado. Pode ser uma função ou várias funções. Por exemplo, se quiser abrir duas janelas de aviso, você pode substituir "function();"
"alert('Primeira janela de aviso!');alert('Segunda janela de aviso!');"; e o segundo parâmetro "delaytime" é o tempo de intervalo em milissegundos, ou seja, preencher "5000" significa 5 segundos.
O cronômetro de contagem regressiva aciona um evento após o tempo especificado ser atingido, enquanto o cronômetro de loop aciona o evento repetidamente quando chega o intervalo de tempo. A diferença entre os dois é que o primeiro atua apenas uma vez, enquanto o último atua continuamente.
Por exemplo, depois de abrir uma página e desejar pular automaticamente para outra página a cada poucos segundos, você precisa usar o cronômetro de contagem regressiva "setTimeout("function();",delaytime)", e se quiser definir uma determinada frase aparecem um por um,
Você precisa usar o temporizador de loop "setInterval("function();",delaytime)".
Para obter o foco do formulário, document.activeElement.id é usado. Use if para determinar se document.activeElement.id e o ID do formulário são iguais.
Por exemplo: if ("mid" == document.activeElement.id) {alert();}, "mid" é o ID correspondente ao formulário.
Temporizador:
Usado para especificar um programa a ser executado após um período específico de tempo.
Tempo de execução em JS, a diferença entre setTimeout e setInterval e o método de cancelamento
setTimeout (Expression, DelayTime), após DelayTime, uma expressão setTimeout é usada para atrasar por um período de tempo antes de executar uma operação.
setTimeout("function",time) define um objeto de tempo limite
setInterval (expressão, delayTime), cada DelayTime executará Expressão. Muitas vezes, pode ser usado para atualizar expressões.
setInterval("function",time) define um objeto de tempo limite
SetInterval se repete automaticamente e setTimeout não se repete.
clearTimeout(object) limpa o objeto setTimeout definido
clearInterval(object) limpa o objeto setInterval
Dê apenas dois exemplos.
Exemplo 1. Quando o formulário é acionado ou carregado, produza a string literalmente
Copie o código do código da seguinte forma:
<html>
<cabeça>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Documento sem título</title>
<linguagem script="JavaScript" type="text/javascript">
var str = "Este é um texto de exemplo para teste";
var seq = 0;
var segundo=1000; //Tempo de intervalo 1 segundo
função rolar() {
mensagem = str.substring(0, seq+1);
document.getElementByIdx_x_x('palavra').innerHTML = mensagem;
seq++;
if (seq >= str.comprimento) seq = 0;
}
</script>
</head>
<body onload="setInterval('scroll()',segundo)">
<div id="palavra"></div><br/><br/>
</body>
</html>
Exemplo 2. Quando o foco estiver na caixa de entrada, verifique as informações da caixa de entrada regularmente e não execute a ação de verificação quando o foco não estiver ativado.
Copie o código do código da seguinte forma:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<cabeça>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Documento sem título</title>
<linguagem script="JavaScript" type="text/javascript">
var segundo=5000; //Tempo de intervalo 5 segundos
varc=0;
função rolar() {
c++;
if ("b" == document.activeElement.id) {
var str="Verificação agendada<b> "+c+" </b>hora<br/>";
if(document.getElementByIdx_x_x('b').value!=""){
str+="O conteúdo atual da caixa de entrada é<br/><b> "+document.getElementByIdx_x_x('b').value+"</b>";
}
document.getElementByIdx_x_x('palavra').innerHTML = str;
}
}
</script>
</head>
<corpo>
<textarea id="b" name="b" style="height:100px; width:300px;" onfocus="setInterval('scroll()',second)"></textarea><br/><br/ >
<div id="palavra"></div><br/><br/>
</body>
</html>
Exemplo 3. O exemplo a seguir é o mais simples. Uma janela de aviso aparece depois que o cronômetro expira.
Copie o código do código da seguinte forma:
<html xmlns="http://www.w3.org/1999/xhtml">
<cabeça>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<linguagem script="javascript">
contagem de funções() {
document.getElementByIdx_x_x('m').innerHTML="O cronômetro foi iniciado!";
setTimeout("alert('Dez segundos depois!')",10000)
}
</script>
<corpo>
<div id="m"></div>
<input TYPE="button" value="Temporizador inicia" onclick="count()">
</body>
</html>
Exemplo 4: salto no tempo de contagem regressiva
Copie o código do código da seguinte forma:
<html>
<cabeça>
<base href="<%=basePath%>">
<title>Minha página inicial JSP 'ds04.jsp'</title>
<span id="tiao">3</span>
<a href="javascript:countDown"> </a> Saltar automaticamente após segundos...
<meta http-equiv=refresh content=3;url= '/ds02.jsp'/>
<!--Script inicia-->
<linguagem script="javascript" type="">
function contagem regressiva(seg){
tiao.innerText=secs;
if(--seg>0)
setTimeout("countDown("+seg+")",1000);
}
contagem regressiva(3);
</script>
<!--Fim do script-->
</head>
Exemplo 6:
Copie o código do código da seguinte forma:
<cabeça>
<meta http-equiv="refresh" content="2;url='b.html'">
</head>
Exemplo 7:
Copie o código do código da seguinte forma:
<linguagem script="javascript" type="text/javascript">
setTimeout("window.location.href='b.html'", 2000);
//Ambos os dois seguintes podem ser usados
//setTimeout("javascript:location.href='b.html'", 2000);
//setTimeout("window.location='b.html'", 2000);
</script>
Exemplo 8:
Copie o código do código da seguinte forma:
<span id="totalSecond">2</span>
<linguagem script="javascript" type="text/javascript">
var segundo = document.getElementByIdx_x('totalSecond').innerHTML;
if(éNaN(segundo)){
//...não é um método de processamento numérico
}outro{
setInterval(função(){
document.getElementByIdx_x('totalSecond').innerHTML = --second;
if (segundo <= 0) {
janela.localização = 'b.html';
}
}, 1000);
}
</script>