No JavaScritp, existem duas funções especiais sobre temporizadores, que são:
1. Timer de contagem regressiva: timename = setTimeout ("function ();", atraso);
2. Timer de ciclismo: timename = setInterval ("function ();", atraso);
O primeiro parâmetro "function ()" é a ação a ser executada quando o timer é acionado. Por exemplo, se duas janelas de aviso forem exibidas, você poderá substituir "function ();"
"Alerta ('A Primeira Janela de Aviso!'); Alerta ('A Segunda Janela de Aviso!');";
O cronômetro da contagem regressiva aciona um evento após o tempo chegar, e o cronômetro circulante é acionar repetidamente o evento quando o intervalo estiver chegando.
Por exemplo, depois de abrir uma página e deseja pular automaticamente para outro intervalo de página em alguns segundos, você precisa usar o timer da contagem regressiva "Settimeout (" function (); ", atraso) e se você deseja definir uma frase configura a aparência de uma palavra,
Você precisa usar o timer circular "setInterval (" function (); ", atraso".
Para obter o foco do formulário, o document.activeElement.id é usado. Use se para determinar se o documento.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.
Timer:
Usado para especificar um determinado programa após um tempo específico.
As diferenças entre o setTimeout e o setInterval no JS e o método Llee
Settimeout (expressão, tempo de atraso).
setTimeout ("function", time) define um objeto de tempo limite
SetInterval (expressão, tempo de atraso), cada tempo de atraso executará a expção.
SetInterval ("função" (tempo) define um objeto de tempo limite
O setInterval é repetido automaticamente e o setTimeout não será repetido.
ClearTimeout
ClearInterval
Dois casos.
Exemplo 1. Quando o formulário é acionado ou carregado, a sequência do Word é saída de saída por palavra
Copie o código do código da seguinte forma:
<html>
<head>
<meta http-equiv = "content-type" content = "text /html; charset = gb2312" /> />
<title> Documento não -título </ititle>
<Script Language = "Javascript" type = "text/javascript">
var str = "Este é o exemplo de texto para teste";
var seq = 0;
Var segundo = 1000;
função scroll () {
msg = str.substring (0, seq+1);
Document.getElementByIdx_X_X ('Word').
SEQ ++;
if (seq> = str.length) seq = 0;
}
</script>
</head>
<corpo onload = "setInterval ('scroll ()', sexo)">
<div id = "word"> </div> <br/> <br/>
</body>
</html>
Exemplo 2. Quando o foco estiver na caixa de entrada, verifique as informações da caixa de entrada regularmente.
Copie o código do código da seguinte forma:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html; charset = gb2312" /> />
<title> Documento não -título </ititle>
<Script Language = "Javascript" type = "text/javascript">
Var Second = 5000;
var c = 0;
função scroll () {
C ++;
if ("b" == document.activeElement.id) {{
var str = "Timing verifique o <b>"+c+"</b> times <br/>";
if (document.getElementbyidx_x_x ('b'). value! = "") {
STR+= "Caixa de entrada O conteúdo atual é o conteúdo atual é <br/> <b>"+dcument.getElementbyidx_x_x ('b').
}
Document.getElementByidx_x_x ('word').
}
}
</script>
</head>
<Body>
<textário id = "b" name = "b" style = "altura: 100px; largura: 300px;" br /> "
<div id = "word"> </div> <br/> <br/>
</body>
</html>
Exemplo 3. A seguir, é o exemplo mais simples.
Copie o código do código da seguinte forma:
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html; charset = gb2312" /> />
<Script Language = "JavaScript">
função count () {) {
Document.getElementByidx_x_x ('M').
setTimeout ("Alert ('dez segundos para!", 10000)
}
</script>
<Body>
<div id = "m"> </div>
<input type = "button" value = "time start" onclick = "count ()">
</body>
</html>
Exemplo 4: o tempo de saltos da contagem regressiva e oportuno
Copie o código do código da seguinte forma:
<html>
<head>
<base href = "<%= bashepath%>">
<title> meu jsp 'ds04.jsp' página de partida </title>
<span id = "tiao"> 3 </span>
<A href = "javascript: contagemdown"> </a> Pule automaticamente após o segundo ...
<meta http-equiv = refresh conteúdo = 3;
<!-O script começa->
<Script Language = "JavaScript" type = "">
Função contagemdown (secs) {
tiao.innerText = secs;
if (--scs> 0)
setTimeout ("Countdown ("+Secs+"), 1000); 1000);
}
contagem regressiva (3);
</script>
<!-script end->
</head>
Exemplo 6:
Copie o código do código da seguinte forma:
<head>
<meta http-equiv = "refresh" content = "2; url = 'b.html'">
</head>
Exemplo 7:
Copie o código do código da seguinte forma:
<Script Language = "Javascript" type = "text/javascript">
setTimeout ("window.Location.href = 'b.html'", 2000);
// Ambos os seguintes podem ser usados
// setTimeout 18 "JavaScript: lcation.href = 'b.html'", 2000);
//settimeout.com window.location = 'b.html' ", 2000);
</script>
Exemplo 8:
Copie o código do código da seguinte forma:
<span id = "TotalSecond"> 2 </span>
<Script Language = "Javascript" type = "text/javascript">
Var Second = Document.getElementByidx_x ('TotalSecond').
if (isnan (segundo)) {{
// ... não o número de números
} Outro {
SetInterval (function () {
Document.getElementByIdx_x ('TotalSecond').
if (segundo <= 0) {{
Window.Location = 'B.Html';
}
}, 1000);
}
</script>
JS Timer (execute uma vez, repita a execução)
Compartilhe um código JS, um pequeno exemplo do Timer JS, dividido em um cronômetro e o timer de execução repetido para execução. Referência para amigos iniciantes.
1. Execute apenas o cronômetro uma vez
Copie o código do código da seguinte forma:
<Cript>
// O timer é assíncrono
função hello () {
Alerta ("olá");
}
// Use o método de execução do nome do método
var t1 = window.setTimeout (olá, 1000);
var T2 = Window.setTimeout ("Hello ()", 3000);
Window.cleartimeout (t1);
</script>
2. Timer de execução repetido
Copie o código do código da seguinte forma:
<Cript>
função hello () {
Alerta ("olá");
}
// Repita um certo método
var t1 = window.setInterval (olá, 1000);
var t2 = window.setInterval ("hello ()", 3000);
// O método de remover o temporizador
Window.clearInterval (t1);
</script>
Observação:
Se houver dois métodos em uma página, eles serão executados após o carregamento da página, mas a falha real pode ser executada em ordem.
Você pode adicionar um cronômetro ao método on -line, definir um cronômetro e executar após o "atraso" por um período de tempo.
Copie o código do código da seguinte forma:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<Head Runat = "Server">
<title> página sem título </ititle>
<Script Language = "Javascript" type = "text/javascript">
var yc = new Object ();
Função Beginyc ()
{{
Var SecondSyc = Document.getElementById ("TxtycSeconds").
tentar
{{
Yc = setTimeout ("ALERT ('Atraso"+SecondSyc+"Segundo Sucesso'), SecondSyc*1000);
}
captura (e)
{{
alerta ("Por favor, insira o segundo número correto.");
}
}
Função overyc ()
{{
ClearTimeout (YC);
Yc = nulo;
alerta ("atraso de terminação bem -sucedido".);
}
/************************- ******************************
var timerds = new Object ();
var timerdds = new Object ();
Função Beginds ()
{{
sn.innerhtml = "0";
Timerds = setInterval ("addone ()", parseint (document.getElementById ("txtIntirvalSegunds"). Valor, 10)*1000);
}
Função goonds ()
{{
Timerds = setInterval ("addone ()", parseint (document.getElementById ("txtIntirvalSegunds"). Valor, 10)*1000);
}
Função overds ()
{{
ClearInterval (Timerds);
timerds = null;
}
Função Atraso ()
{{
overds ();
Timerdds = setTimeout ("Goonds ()", document.getElementById ("txtdssSegunds"). Valor*1000);
}
Função addone ()
{{
if (sn.innerhtml == "10")
{{
overds ();
Alerta ("Parabéns, atingiu com sucesso 10 segundos");
Retornar;
}
sn.innerhtml = parseint (sn.innerhtml, 10) +1;
}
</script>
</head>
<Body>
<encontrado id = "form1" runat = "server">
<div>
Uso de atraso: </div>
<div>
<Label Id = "Label2"> </belt>
<input type = "text" id = "txtycSeconds" value = "3" />
<input type = "button" id = "btnbyc" onclick = "javascript: BEGNYC ()" value = "Iniciar atraso" />
<input type = "button" id = "btnoyc" onclick = "javascript: overyc ()" value = "termod teld" />
<input type = "button" id = "button1" onclick = "javascript: alert ('bom monrning');
</div>
<br />
<div>
Uso do timer: </div>
<div>
<div id = "sn"> 0 </div>
<Label ID = "Label1"> </belt>
<input type = "text" id = "txtiintervalSoSeconds" value = "1" /> />
<input type = "button" id = "btnbds" onclick = "javascript: Beggs ()" value = "start hour" />
<input type = "button" id = "btnods" onclick = "javascript: overds ()" value = "time terminal" /> />
<input type = "button" id = "btngds" onclick = "javascript: goonds ()" value = "continue timing" />
<laabel id = "ds"> </belt>
<input type = "text" id = "txtddSsegunds" value = "5" />
<input type = "button" id = "btndds" onclick = "javaScript: deounds ()" value = "timing de atraso" />
</div>
</morm>
</body>
</html>