-
Onerbs
- 6 anos
Onerbs 
que pasa!
quería escribir este tutorial pero non fora posible para min. En definitiva, ata o punto. Nesta ocasión compartiré con vostede métodos sinxelos, pero Javascript moi útil. Non é máis que nada menos que setinterval (), que serve para executar unha función infinitamente cada x milisegundos e establecemento () que executan unha función só unha vez despois de x milisegundos
non foi claro? Vexámolo un pouco máis a fondo.
Syntax: setinterval (función, milisegundos, lang) / defineout (función, milisegundos, lang)
| parámetro | Descrición |
| Function | necesario. A función que será executada. |
| milisegonds | necesario. No primeiro método é o tempo que estará entre unha execución e outra. No segundo é o tempo que tardará antes de executar o código indicado. |
| lang |
Exemplo: Supoña que temos 2 botóns e un div.
<button onclick="interval()">Interval</button><button onclick="timeout()">Timeout</button><div></div>
coas súas respectivas funcións.
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ón escribirá no DIV o valor de T infinitamente cada 1000 ms. O segundo mostrará unha mensaxe no mesmo Div que aparecerá despois do 2000 ms.
Que pasa se preme o primeiro botón e despois o segundo botón? Algo estraño, por suposto. Prema no segundo botón non vai parar a execución da configuración inicial ().
Para deter a execución do primeiro botón que se usa a función borininterval () para ser capaz de facer que ten que modificar un pouco o código anterior quedando algo así:
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 Ao facer clic no segundo botón, a execución de intervalo () parará e non se indica nada non desexado.
SetTimeOut () tamén ten unha función que detén a súa execución; ClearTimeut (). Esta función, como a anterior, require aforrar o establecemento () nunha variable para poder usalo como parámetro.
Exemplo: Supoña que hai un botón Que despois de 10 segundos se desprazará a computadora, faga clic sobre pero despois de 5 segundos que nos arrepentimos. Que facemos? Fácil, usamos ClearTimeut (). Vexamos 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.";}
que sería todo, grazas a todos a ler. Se queres que o código empregue neste tutorial, está dispoñible para todos en Dropbox e Drive. Saúdos.