+ Rispondi alla Discussione
Risultati da 1 a 2 di 2

Cronometro in jquery

Ultimo Messaggio di artasdog il:
  1. #1
    User
    Data Registrazione
    Jun 2010
    Messaggi
    82

    Cronometro in jquery

    Salve a tutti, devo inserire un cronometro in una pagina web, ho inserito nell'header jquery.timer e trovato questo esempio online:
    Codice:
    var Example1 = new (function() {
    
        // Stopwatch element on the page
        var $stopwatch;
        
        // Timer speed in milliseconds
        var incrementTime = 60;
    
    
        // Current timer position in milliseconds
        var currentTime = 0;
        
        // Start the timer
    
    
        $(function(){ 
            $stopwatch = $('#time');    
            Example1.Timer = $.timer(updateTimer, incrementTime, true);  
        });
    
    
        // Output time and increment
        function updateTimer() {
            var timeString = formatTime(currentTime);
            $stopwatch.html(timeString);
            currentTime += incrementTime;
        }
    
    
        // Reset timer
        this.resetStopwatch = function() {
            currentTime = 0;
            Example1.Timer.stop().once();
        };
    
    
    });
    
    
    // Common functions
    function pad(number, length) {
        var str = '' + number;
        while (str.length < length) {str = '0' + str;}
        return str;
    }
    function formatTime(time) {
        time = time / 10;
        var min = parseInt(time / 6000),
            sec = parseInt(time / 100) - (min * 60),
            hundredths = pad(time - (sec * 100) - (min * 6000), 2);
        return (min > 0 ? pad(min, 2) : "00") + ":" + pad(sec, 2) + ":" + hundredths;
    }
    Funziona al caricamento della pagina, io però vorrei attivarlo e disattivarlo al click del mouse. Qualcuno sa come adattarlo?
    Grazie in anticipo

  2. #2
    User L'avatar di artasdog
    Data Registrazione
    Oct 2010
    Località
    Brescia
    Messaggi
    337
    Devi applicare il gestore dell'evento click sull'elemento che vuoi utilizzare e metterci dentro quello che vuoi.
    Codice:
    $( "#target" ).click(function() {
    
      //qui mettici quello che vuoi eseguire
    
    });

+ Rispondi alla Discussione

Tag per Questa Discussione

^ Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
  • Il codice BB è Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] è Attivato
  • Il codice [VIDEO] è Attivato
  • Il codice HTML è Disattivato
  • Trackbacks Attivato
  • Pingback Attivato
  • Refback Attivato

SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.