• User

    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:

    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


  • User Attivo

    Devi applicare il gestore dell'evento click sull'elemento che vuoi utilizzare e metterci dentro quello che vuoi.

    
    
    $( "#target" ).click(**function**() {
    
      //qui mettici quello che vuoi eseguire
    
    });