Adaugare Pauza in script JavaScript

Curs 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 Demo Pauza.

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="https://marplo.net/javascript/" title="Curs JavaScript">Curs JavaScript</a>';
}

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

Ca sa testati acest exemplu, clic Demo Incarcare.

<form action="script.php" method="post"> ... </form>

#id {
  width: 100px;
  word-wrap: break-word;
}

var tutorials = ["php", "html", "css", "flash"];
tutorials.sort();
alert(tutorials[0]);          // css

$code =[10=>"Perl", 20=>"PHP", 21=>"Python", 30=>"JavaScript");
$last = end($code);
echo $last;      // JavaScript

Her plane has just arrived.
- Avionul ei tocmai a sosit.

Vosotros sois muy simpáticos.
- Sunteti foarte simpatici.