Cronometru simplu JavaScript

Curs Javascript

Acest script afiseaza (in secunde si zeci de secunda) timpul petrecut pe pagina, cronometrul este afisat intr-un camp text de formular, ca in exemplul urmator:

Cronometru: secunde

Pentru a adauga acest script intr-o pagina web:
1. Introduceti in documentul HTML, in locatia unde vreti sa apara afisat cronometrul, urmatorul cod:

<form name="f">
  <label for="cron">Cronometru: </label><input type="text" size="4" name="cron"><label for="cron"> secunde</label>
</form>

2. Inainte de tagul </body> adaugati urmatorul script (se adauga inainte de tag-ul </body>, adica la sfarsitul paginii, pentru a incepe cronometrarea dupa incarcarea completa a paginii)

<script type="text/javascript">
<!--
var zecsec=0
var seconds=0
document.f.cron.value='0'    // Stabileste valoarea casetei text la 0

// Functia stabileste nr. de secunde in functie de zecile de secunda
function display() {
  if (zecsec>=9) {
    zecsec=0
    seconds+=1
  }
else
  zecsec+=1
  document.f.cron.value=seconds+"."+zecsec    // Schima valoarea din caseta text
  setTimeout("display()",100)    // Executa functia la fiecare zecime de secunda
}
display()    // Se executa functia
//-->
</script>

<p>Cursuri, Jocuri, Anime: <em>www.MarPlo.net</em></p>

h3 {
  padding: 2px 0.2em;
}

// preia primul Div cu class="cls", si afiseaza continutul
var elm = document.querySelector("div.cls");
alert(elm.innerHTML);

if(isset($_POST["field"])) {
  echo $_POST["field"];
}

We speak english.
- Noi vorbim engleza.

Nosotros hablamos español.
- Noi vorbim spaniola.