2017-05-07 7 views
0

多分あなたにはたぶん簡単な質問です。 :)Javascriptカウントダウン

私はこのカウントダウンから単純なカウンタを使用しようとしています:https://github.com/rendro/countdownと私はjavascript変数を渡しています。

通常、このカウンタの終了日の形式は次のとおりです。

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

は、関数では、変数渡し:

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

をしかし、私は、ダイナミックな24時間の日付と時刻を取得しようとしています同じ元のendDate形式で出力を送信することです。目標は、この製品の購入のためのカウントダウンタイマーを1日の終わり前に購入することです(現在と今日の時間)。残念ながらそれは動作しません。

<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

関連する問題