2017-05-07 172 views
0

對你們許多人來說,這可能是一個簡單的問題。 :)Javascript Countdown Date

我想從這個倒計時使用簡單的計數器:https://github.com/rendro/countdown,我卡住傳遞JavaScript變量。

通常該計數器的結束日期格式爲:

var endDate = "June 7, 2087 15:03:25"; 

然後在函數傳遞變量:

$('.countdown.simple').countdown({ date: endDate }); 

但我試圖讓一個動態的24小時日期和時間並以相同的原始endDate格式發送輸出。目標是在一天結束之前有一個倒計時購買計時器來購買此產品(時間現在 - 和當天)。不幸的是它不工作。

<script type="text/javascript"> 
    var dateNow = new Date(); 
    var monthsArray = ["January", "February", "March", "April", "May", "June","July", "August", "September", "October", "November", "December"]; 
    var monthNow = monthsArray[dateNow.getMonth()]; 
    var dayNow = dateNow.getDate(); 
    var yearNow = dateNow.getFullYear(); 
    var hourNow = dateNow.getHours(); 
    var minNow = dateNow.getMinutes(); 
    var secNow = dateNow.getSeconds(); 
    var completeDate = monthNow + " " + dayNow + ", " + yearNow + " " + hourNow + ":" + minNow + ":" + secNow; 

    $(function() { 
    $('.countdown.simple').countdown({ date: completeDate }); 
    }); 

    alert(completeDate); 
</script> 

我已經設置了一個警報來測試輸出格式和它的工作。但我的櫃檯顯示0年,0天,00小時,00分和00秒。

最新情況錯誤..

回答

1

您正在將倒數計時器的結束日期設置爲當前日期。你需要通過未來的日期。

除了創建日期字符串,您還可以傳入日期對象。

// Create the date object 
var completeDate = new Date(); 

// Set the date to the last possible second of the day 
completeDate.setHours(23, 59, 59); 

// Start the timer 
$(function() { 
    $('.countdown.simple').countdown({ date: completeDate }); 
}); 
+0

哦..我看到...很多更簡單呵呵呵 明白了,謝謝我的教訓。 – MindKind