2013-01-25 49 views
0

我用這CountDown Plugin,這裏是我的代碼和看法:jQuery的倒計時不工作(錯誤的時間)

<div class="sc" lang="2013, 12 -1, 18"> 
<div class="sc" lang="2013, 6 -1, 22"> 

<script> 
$(document).ready(function(){ 
$(".sc").each(function(){ 
$(this).countdown({until: $(this).attr("lang"), compact: true, format: 'HMS', description: ''});});}); 
</script> 

我的問題是,它返回錯誤的時間,例如:0點34分00秒,另一個是00:34:03

任何人都可以幫助我嗎?

我正在努力學習英語,所以我說英語不好,所以對不起。

+0

你到底想要什麼。它應該如何列出? – Sahal

+0

你已經給出了'HSM',所以它列出'H:M:S'。 – Sahal

+0

你在'00:34:00'後得到'00:34:03'? – Sahal

回答

2

您正在使用until參數,您需要一個新的Date對象,並且您當前的lang attr不能被解析爲那個。

編輯:因爲你的目標日期是那麼遠這將是,如果你使用ODHMSDHMS爲您的格式,需要包括月和天更好。

我已對您的代碼進行了一些更改以使其正常工作。

HTML:

<div class="sc" lang="2013, 11, 18"></div> 
<div class="sc" lang="2013, 5, 22"></div> 

JQuery的:

$(document).ready(function() { 
    $("div.sc").each(function (i, item) { 
     var targetDate = $(item).attr("lang").split(','); 
     $(item).countdown({ 
      until: new Date(targetDate[0].trim(), targetDate[1].trim(), targetDate[2].trim()), 
      compact: true, 
      format: 'DHMS', 
      description: '' 
     }); 
    }); 
}); 

還要檢查工作示例在此琴:http://jsfiddle.net/EkmsT/

編輯2:我已經改變了郎值爲11和5而不是o f 12-1和6-1,並直接在倒計時代碼中用作targetDate [1] .trim()。您仍然可以使用12 -1和6 -1並更改新的日期代碼以使用parseInt(targetDate [1] .trim())

+0

parseInt(targetDate [1] .trim())如果在他的代碼中他從月中減去1,否則它將顯示NAN –

+0

@ JobertEnamno是的,這就是爲什麼我實際上手動進行計算並將值更改爲HTML標記中的11和5。我會編輯我的答案,以解釋此內容。 – ryadavilli

+0

你真是太神奇了! –

1

以及因爲沒有設置時區。

試試這個。

$(this).countdown({until: $(this).attr("lang"), compact: true, format: 'HMS', description: '',timezone: +60});

設置時區相應。

1

您尚未定義date函數,同時定義jQuery向下計數中的until參數。在lang attr的日期之間有一個空格。

<div class="sc" lang="2013, 10, 21"></div> 
<div class="sc" lang="2013, 5, 23"></div> 

<script> 
$(document).ready(function(){ 
$(".sc").each(function(){ 
    var dateSplit = $(this).attr("lang").split(',');alert(dateSplit[0].trim()); 
    var dateRem = new Date(dateSplit[0].trim(), dateSplit[1].trim(), dateSplit[2].trim()); 
    $(this).countdown({until: dateRem, compact: true, format: 'HMS', description: ''});}); 
}); 
</script> 
+0

感謝您花時間編寫代碼,它也可以工作! –