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
Ce tag se foloseste pentru a adauga liste in elemente <ul> si <ol>?
<dt> <dd> <li>
<ul>
 <li>http://coursesweb.net/html/</li>
 <li>http://www.marplo.net/html/</li>
</ul>
Care valoare a proprietatii "display" seteaza elementul ca tip bloc si afiseaza un punct in fata?
block list-item inline-block
.some_class {
  display: list-item;
}
Care instructiune JavaScript transforma un obiect in sir JSON.
JSON.parse() JSON.stringify eval()
var obj = {
 "courses": ["php", "javascript", "ajax"]
};
var jsonstr = JSON.stringify(obj);
alert(jsonstr);    // {"courses":["php","javascript","ajax"]}
Indicati clasa PHP folosita pentru a lucra cu elemente HTML si XML in PHP.
stdClass PDO DOMDocument
$strhtml = '<body><div id="dv1">CoursesWeb.net</div></body>';
$dochtml = new DOMDocument();
$dochtml->loadHTML($strhtml);
$elm = $dochtml->getElementById("dv1");
echo $elm->nodeValue;    // CoursesWeb.net
Indicati forma de Prezent Continuu a verbului "to live" (a trai /a locui)
lived living liveing
I`m living here.
- Traiesc /Locuiesc aici.
Care este forma de Gerunziu (sau Participiu Prezent) a verbului "vivir" (a trai /a locui)?
viviĆ³ vivido viviendo
Estoy viviendo aquĆ­.
- Traiesc /Locuiesc aici.
Adaugare Pauza in script JavaScript

Last accessed pages

  1. Genul substantivelor 1 (9144)
  2. Gramatica limbii spaniole. Indrumator si prezentare generala (67485)
  3. Verbe modale - Modal verbs - CAN, COULD, MAY, MIGHT, MUST (66754)
  4. Zilele saptamanii - Lunile anului - Anotimpurile - Engleza (28197)
  5. Articolul din limba engleza - The article (69198)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (972)
  2. Gramatica limbii engleze - Prezentare Generala (631)
  3. Exercitii engleza - English Tests and exercises - Grammar (561)
  4. Prezentul simplu si continuu - Present Tense Simple and Continuous (459)
  5. Coduri pt culori (367)