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 .

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 .

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Care atribut specifica adresa unde sunt trimise datele din formular?
method action name
<form action="script.php" method="post"> ... </form>
Ce proprietate CSS desparte cuvinte lungi, adaugand pe rand nou?
word-wrap line-height font-size
#id {
  width: 100px;
  word-wrap: break-word;
}
Ce functie aranjeaza elementele din array in ordine alfabetica, bazat pe valorile lor?
pop() sort() shift()
var tutorials = ["php", "html", "css", "flash"];
tutorials.sort();
alert(tutorials[0]);          // css
Indicati functia care returneaza valoarea ultimului element din array.
current() next() end()
$code =[10=>"Perl", 20=>"PHP", 21=>"Python", 30=>"JavaScript");
$last = end($code);
echo $last;      // JavaScript
Alegeti verbul auxiliar corect care trebuie in propozitia: "Her plane ... just arrived".
have has does
Her plane has just arrived.
- Avionul ei tocmai a sosit.
Indicati forma corecta a verbului SER (a fi) in propozitia: "Vosotros ... muy simpáticos".
son soy sois
Vosotros sois muy simpáticos.
- Sunteti foarte simpatici.
Adaugare Pauza in script JavaScript

Last accessed pages

  1. Coduri pt culori (73961)
  2. Verbe modale - Modal verbs - CAN, COULD, MAY, MIGHT, MUST (67904)
  3. Elemente principale HTML (29076)
  4. Introducere in HTML (25969)
  5. Titluri, Paragrafe, Un nou rand, Linie orizontala (33373)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (170)
  2. Curs HTML gratuit Tutoriale HTML5 (149)
  3. Coduri pt culori (98)
  4. Creare si editare pagini HTML (93)
  5. Gramatica limbii engleze - Prezentare Generala (81)