Wie verwendet man setTimeout mit einer "do while" -Schleife in Javascript?

Question

Ich versuche, einen 30-Sekunden-Countdown auf ein Span-Element (#thirty) zu machen, das beim Klicken auf ein anderes Element (#start) gestartet wird. Es scheint nicht zu funktionieren. Ich würde Ihre Hilfe schätzen.

var countdown = function() { 
    setTimeout(function() { 
    var i = 30; 
    do { 
     $("#thirty").text(i); 
     i--; 
    } while (i > 0); 
    }, 1000); 
} 

$("#start-timer").click(countdown()); 

Answer 1

Verwendung dieses:

var i = 30; 
var countdown = function() { 
    var timeout_ = setInterval(function() { 
     $("#thirty").text(i); 
     i--; 
     if(i==0){ 
     i = 30; 
     clearInterval(timeout_); 
     } 
    }, 1000); 
} 

$("#start-timer").click(countdown);