jquery倒計時從4秒到0然後在0移動到下一個函數

Question

我試圖編程一種遊戲，你有4秒做一個問題回答一個問題（口頭），一旦它上升它移動到下一個問題。我需要它播放音頻（不是我在這裏問的），然後從4秒倒數到0，然後顯示正確答案並繼續。

如何創建從4秒到0秒的倒計時，然後再進入下一步？

我試過以下，並失敗。

var counter = 4; 

    $('#seconds').html(counter); 

    function decreaseSeconds(){ 
     counter--; 
     $('#seconds').fadeOut('fast'); 
     $('#seconds').html(counter).delay(800); 
     $('#seconds').fadeIn('fast'); 
    } 

    while (counter > 0){ 
     decreaseSeconds() 
    } 

Answer 1

見DEMO

var nextFunction = function() { 
    alert('Hello.'); 
}; 

sec = 4; 

interval = setInterval(function() { 
    sec--; 
    document.getElementById('sec').innerHTML = sec; 

    if (sec == 0) { 
    clearInterval(interval); 
    nextFunction(); 
    } 
}, 1000); ​ 

Answer 2

爲什麼不從純javascript使用setTimeout？ http://www.w3schools.com/js/js_timing.asp

Answer 3

您應該使用的setTimeout

yourfirstfunction(); 
setTimeout (yoursecondfunction, counter*1000); 

Answer 4

有些事情是這樣的：http://jsfiddle.net/collabcoders/MD6sz/2/

$(document).ready(function() { 
    var secs = 4; 
    ticker = setInterval(function(){ 
    $("#timer").html(secs + " seconds left"); 
    if (secs == 0) { 

     //call some function when the clock hits 0 
     $("#timer").html("time is up"); 
     clearInterval(ticker); 
    } 
    secs --; 
    }, 1000); 
});​