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>

<img src="image.jpg" usemap="#map1">
<map name="map1">
  <area shape="rect" coords="9, 120, 56, 149" href="#">
  <area shape="rect" coords="100, 200, 156, 249" href="#">
</map>

#id {
  overflow: auto;
}

document.getElementById("id").onmouseover = function(){
  document.write("Sa ai Viata Buna");
}

if(isset($_GET["id"])) {
  echo $_GET["id"];
}

Marc is the boy who won the prize.
- Marc e baiatul care a castigat premiul.

Voy a ver al pintor de quien les hablé ayer.
- Ma duc sa vad pictorul despre care ti-am vorbit ieri.