-
Onerbs
- 6 anos atrás
Onerbs 
O que está acontecendo!
há muito queria escrever este tutorial, mas não foi possível para mim. Em suma, para o ponto. Nesta ocasião, compartilharei com você métodos simples, mas um javascript bastante útil. Não é nada mais e nada menos que SetInterval (), que serve para executar uma função infinitamente a cada x milissegundos e settimeout () que executa uma função apenas uma vez após x milissegundos.
não ficou claro? Vamos ver um pouco mais completamente.
Sintaxe: setInterval (função, milissegundos, lang) / setTimeout (função, milissegundos, lang)
| parâmetro | Descrição |
| Função | Obrigatório. A função que será executada. |
| milissegundos | Obrigatório. No primeiro método é o tempo que será entre uma execução e outra. No segundo, é o tempo que levará antes de executar o código indicado. |
| lang |
Exemplo: Suponha que tenhamos 2 botões e um div.
<button onclick="interval()">Interval</button><button onclick="timeout()">Timeout</button><div></div>
com suas respectivas funções.
var t;function interval(){ t=1; setInterval(function(){ document.getElementById("testdiv").innerHTML=t++; },1000,"JavaScript");}function timeout(){ setTimeout(function(){ document.getElementById("testdiv").innerHTML="Pasaron 2 segundos antes de que pudieras ver esto."; },2000,"JavaScript");}
O primeiro botão escreverá no valor do valor de t infinitamente a cada 1000 ms. O segundo mostrará uma mensagem no mesmo DIV que aparecerá após 2000 ms.
O que acontece se eu pressionar o primeiro botão e depois o segundo botão? Algo estranho, claro. Clique no botão segundo não irá parar a execução da configuração inicial ().
Para parar a execução do primeiro botão a função ClearInterVal () é usada, mas para ser capaz de fazer isso você tem que modificar um pouco o código anterior que ficar algo assim:
var inter,t;function interval(){ t=1; inter=setInterval(function(){ document.getElementById("testdiv").innerHTML=t++; },1000,"JavaScript");}function timeout(){ clear(); setTimeout(function(){ document.getElementById("testdiv").innerHTML="Pasaron 2 segundos antes de que vieras esto."; },2000,"JavaScript");}function clear(){ clearInterval(inter);}
Agora, por Clicar no botão segundo, a execução do intervalo () vai parar e nada é indesejado.
SetTimeout () também tem uma função que pára sua execução; Cleartimeout (). Esta função, como a anterior, requer salvar o settimeout () em uma variável para poder usá-lo como um parâmetro.
Exemplo: Suponha que haja um botão Isso após 10 segundos desligar magamente o computador, clique em, mas após 5 segundos nos arrependemos. Que fazemos? Fácil, usamos o ClearTeMout (). Vamos ver como.
<button onclick="apagar()">Apagar</button><button onclick="cancelar()">Cancelar</button><div></div>
var timout;function apagar(){ document.getElementById("testdiv").innerHTML="En 10 segundos se apagará el computador."; timout=setTimeout(function(){ document.getElementById("testdiv").innerHTML="Computador apagado."; },10000,"JavaScript");}function cancelar(){ clearTimeout(timout); document.getElementById("testdiv").innerHTML="Operación cancelada.";}
Isso seria tudo, obrigado para todos para ler. Se você quiser o código usado neste tutorial, está disponível para todos no Dropbox e na unidade. Saudações.