Timeri în JavaScript

• INERBS
• 6 ani în urmă

ce se întâmplă!

a vrut mult timp să scrie acest tutorial, dar nu a fost posibil pentru mine. Pe scurt, până la punctul. În această ocazie voi împărtăși metode simple, dar destul de util JavaScript. Nu este nimic mai mult și nimic mai puțin decât setInterval (), care servește pentru a rula o funcție infinit de fiecare x milisecunde și settimeout () care rulează o funcție numai după x milisecunde.

Nu a fost clar? Să vedem puțin mai bine.

sintaxă: SetInterval (funcție, milisecunde, lang) / settimeout (funcție, miliseconds, lang)

div id = „bc0edf18db”

parametru

iv id = „33fcf1d125”

div id id = „33FCF1D125”

necesar. Funcția care va fi executată.

iv id = „33fcf1d125”

Milliseconds

iv id = „33fcf1d125”

necesar. În prima metodă este timpul care va fi între o singură execuție și altul. În cel de-al doilea este momentul în care va dura înainte de a executa codul indicat.

iv id = „33fcf1d125”

Lang

exemplu: Să presupunem că avem 2 butoane și un div.

<button onclick="interval()">Interval</button><button onclick="timeout()">Timeout</button><div></div>

cu funcțiile lor.

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");}

Primul buton va scrie în DIV valoarea t infinit la fiecare 1000 ms. Al doilea va afișa un mesaj în aceeași div care va apărea după 2000 MS.

Ce se întâmplă dacă apăs primul buton și apoi al doilea buton? Ceva ciudat, desigur. Faceți clic pe butonul al doilea nu va opri executarea setării inițiale ().

Pentru a opri executarea primei butoane, funcția ClearInterval () este utilizată, dar pentru Fiți capabili să faceți acest lucru trebuie să modificați un pic de codul precedent care stau așa:

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);}

acum, de către Dacă faceți clic pe cel de-al doilea buton, execuția intervalului () se va opri și nimic nu este nedorit Cleartimeout (). Această funcție, cum ar fi cea precedentă, necesită salvarea settimeout () într-o variabilă pentru a putea să o utilizați ca parametru.

divid id = „3AB2383A7F”>