Cronometro in jquery

[valentin]

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

[artasdog]

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

});