online: 13; azi: 535; total: 52541 Webdesign - Scripturi - 06

Cronometru simplu 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:


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>