online: 5; azi: 1047; total: 51502 Webdesign - Tutoriale-js - 25

Adaugare Pauza in script JavaScript

Lucrand la un script JS, trebuia sa adaug o pauza in executia scriptului.
In PHP exista o functie sleep() care intarzie executia scriptului PHP, dar JavaScript nu are o astfel de functie.
Cautand pe net, am gasit o solutie de a putea adauga o pauza in codul scriptului JavaScript, prin folosirea functiei setTimeout().

Metoda consta in a adauga codul care trebuie executat dupa pauza intr-o functie apelata cu setTimeout():

setTimeout( function() {
  // aici codul (sau se acceseaza o functie) ce trebuie procesat dupa o pauza
}, 1000 );
- 1000 reprezinta numarul in milisecunde pt. pauza (pt 2 secunde, 2000).

Iata un exemplu. Afiseaza doua mesaje cu alert(), al doilea mesaj apare dupa o pauza de 2 secunde.
<script type="text/javascript"><!--
function testPause(Pause) {
  alert('Salut');
  setTimeout( function() {
    // codul ce va fi executat dupa 2 secunde
    alert('Salut, am venit dupa 2 secunde');
  }, Pause );
}

testPause(2000);
--></script>

Ca sa testati acest exemplu, clic .

Iata un alt exemplu. Adauga un mesaj "Incarcare ..." intr-un element HTML, iar dupa 1,5 secunde afiseaza un continut.
<div id="cnt"> </div>
<script type="text/javascript"><!--
function simLoad(id) {
  // afiseaza 'Incarcare ...', si foloseste setTimeout() ca sa acceseze o functie dupa 1.5 secunde
  document.getElementById(id).innerHTML = '<h4>Incarcare ...</h4>';
  setTimeout(function() { adContent(id); }, 1500);

  /* in acest caz, setTimeout() poate fi utilizat si asa
      setTimeout("adContent('"+id+"')", 1500);
  */
}

// adauga un continut intr-un element HTML, cu ID-ul transferat in parametru
function adContent(id) {
  document.getElementById(id).innerHTML = 'Tutorial JavaScript - <i>Adaugare pauza in script JS</i> - <a href="http://www.discant.ro/javascript/" title="Curs JavaScript">Curs JavaScript</a>';
}

simLoad('cnt');        // apeleaza simLoad() cu ID-ul tag-ului HTML
--></script>

Ca sa testati acest exemplu, clic .