從60開始倒數​​倒數5

Question

我找到了幾個答案，但肯定有一些我不理解。

我需要把斧1分鐘V IN 5秒的增量，如在60褪色至55褪色至50等

其中這正好是加載從PHP/AJAX數據的頁，但我無法弄清楚這部分是衝突還是什麼。

以下是我有：

var counter = 60; 
$('#seks').html(counter); 
var interval = setInterval(function() { 
    counter=counter-5; 
    $('#seks').fadeOut(slow).html(counter).fadeIn(slow);. 
    if (counter == 5) { 
     clearInterval(interval); 
    } 
}, 5000); 

從一個數據庫中的間隔功能更新，就像這樣：

setInterval(function() { 

    var fadeInData = function fadeInData() { $('#updateshere').fadeIn(); } 
    var loadData = function loadData() { $('#updateshere').load('http://launchpad-001.com/_firingRange/danTestPageHits/', fadeInData); } 
    $('#updateshere').fadeOut(loadData); 
}, 60000); 

我知道這很簡單，我有更復雜的東西運行，可以看到一些在這個鏈接，我需要把這個倒計時鐘。

但是，一定有一些我不知道，因爲我不能得到這個工作。

這是更新HTML：

<div id="seks"></div> 

對我來說，這看起來像它應該工作。

$(document).ready(function(){ 
    var counter = 60; 

    $('#seks').html(counter); 
    var interval = setInterval(function() { 
     counter=counter-5; 
     $('#seks').fadeOut(slow).html(counter).fadeIn(slow);. 
     if (counter == 5) { 
      clearInterval(interval); 
     } 
    }, 5000); 
}); 

Answer 1

你試圖接近，但並沒有考慮到使用回調從FX隊列調用（淡入，淡出）的想法。另外請記住，slow需要是字符串"slow"，因爲這是jquery預計的，而不是slow這將引用一個變量（假設您沒有var slow = 1000某處）。

$(document).ready(function(){ 
var counter = 60; 

var seks = $('#seks').html(counter);//save copy to reduce querying 
var interval = setInterval(function() { 
    counter -= 5; 
    seks.fadeOut('slow',function(){//use callback after animation 
    seks.html(counter).fadeIn('slow');//now fade back in once out is done 
    }); 
    if (counter == 5) { 
     clearInterval(interval); 
    } 
}, 5000); 
});