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 include fisier extern CSS in pagina web?
<body> <script> <link>
<link href="/templ/style.css" rel="stylesheet" type="text/css" />
Ce proprietate CSS seteaza marimea textului?
font-weight text-decoration font-size
h2 {
  font-size: 1em;
}
Indicati proprietate JavaScript care poate sa adauge cod HTML intr-un element.
text value innerHTML
document.getElementById("someID").innerHTML = "Continut HTML";
Clic pe functia care returneaza numarul de caractere dintr-un sir in PHP.
count() strlen() stristr()
$str = "http://CoursesWeb.net/";
$nr_chr = strlen($str);
echo $nr_chr;       // 22
Care este forma de feminin a adjectivului "white" (alb)?
white whitea whites
(In limba engleza adjectivele au aceeasi forma pt. ambele genuri)
The snow is white. - Zapada e alba.
Care este forma de feminin a adjectivului "blanco" (alb)?
blanc blance blanca
La nieve es blanca.
- Zapada e alba.
Adaugare Pauza in script JavaScript

Last accessed pages

  1. Accentul si Pronuntia (28857)
  2. Programe pentru invatare limba Spaniola (9004)
  3. Subjunctiv - Introducere (6141)
  4. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (278549)
  5. Prezent perfect - Exercitii si teste incepatori (21161)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (664)
  2. Curs HTML gratuit Tutoriale HTML5 (373)
  3. Coduri pt culori (337)
  4. Exercitii engleza - English Tests and exercises - Grammar (312)
  5. Gramatica limbii engleze - Prezentare Generala (290)