Visualizzazione dei risultati da 1 a 3 su 3

Discussione: Creare Timer

Visualizzazione discussione

  1. #2
    Utente di HTML.it
    Registrato dal
    Dec 2013
    Messaggi
    228
    è facile!

    codice:
    //NOTA:***questo codice è solo una traccia di massima, ad esempio al click sul button ricomincia subito il timer, bisogna perfezionarlo per le proprie esigenze***
    var interval; //variabile globale o quantomeno esterna alla funzione
    function Timer(){
    var hh=0;
    var mm=0;
    var ss=-1;//important!
    var oldTime=0;
    clearInterval(interval);
    function runTimer(){
     ss=ss+1;//aggiungo un secondo, se raggiunge i 60 faccio i dovuti controlli
     if(ss==60){
      mm=mm+1;
      ss=0;
     }
     if(mm==60){
      hh=hh+1;
      mm=0;
     }
     //JQUERY: stampa dei risultati se no fallo in javascript:
     $('#hh').text(hh);
     $('#mm').text(mm);
     $('#ss').text(ss);
    }
    runTimer(); //inizializza a 0 il timer
    interval=setInterval(function(){runTimer();},1000); //1000 millisecondi=1 secondo
    }
    
    //_____nell'html
    <button onClick="javascript:Timer();"></button>
    Se ti serve mettere in pausa usi 2 pulsanti e giochi con clearInterval(),
    se ti servono funzioni sulla data più specifiche guarda qua http://www.w3schools.com/jsref/jsref_obj_date.asp
    se devi formattare l'output (es 2 cifre) convertilo in stringa e ne misuri la lunghezza, se ==1 allora aggiungi un '0' davanti.

    OVVIAMENTE nell'html devi anche mettere i tre div hh, mm, ss
    Ultima modifica di SimoX90; 03-02-2014 a 13:18

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.