Javascriptカウントダウン時間

Question

私は現在、Keith Woodによって作成されたjQuery Countdownプラグインを使用していますが、動作させることができません。特定の時間まで数時間、分、秒が残ります日（例：18:00:00）。

bodyタグ内のコード：

<?php 
$begintijd = $display['start'].":00:00"; 
?> 
<script> 
var begintijd = "<?php echo $begintijd ?>"; 
$(function() { 
    var vandaag = new Date(); 
    werktijd = new Date(vandaag.getDay() begintijd); 
    $('#defaultCountdown').countdown({until: werktijd, format: 'HMS'}); 
}); 
</script> 

$表示[ '開始']は18で、このような状況に戻り（その値は正しいです）。

headタグ内のコード：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
<script src="assets/plugin/js/jquery.plugin.js"></script> 
<script src="assets/plugin/js/jquery.countdown.js"></script> 

jQueryプラグインファイル：http://keith-wood.name/js/jquery.plugin.js

jQueryのカウントダウンファイル：ライン上：http://keith-wood.name/js/jquery.countdown.js

クローム "行方不明）引数リストの後にキャッチされないでSyntaxError" は言います：

werktijd = new Date(vandaag.getDay() 18:00:00); 

私はJavascriptを初めて使用した場合は、事前に感謝します。

Answer 1

まあ、私は任意のプラグインなしで動作するスクリプトを持っていた、

HTML

<div id="days"></div> 
<div id="hours"></div> 
<div id="minutes"></div> 
<div id="seconds"></div> 

Javascriptを& phpの使用であるかもしれない

<%php $begintijd = $display['start']; %> 

$(document).ready(function(){ 
    var timer = null, 
     begintijd = "<%php echo $begintijd %>", 
     endTime = new Date(); //time you want to end 

    endTime.setHours(begintijd); 
    endTime.setMinutes(0); 
    endTime.setSeconds(0); 
    endTime = (Date.parse(endTime))/1000; 

    function makeTimer() { 
     var now = new Date(), 
      now = (Date.parse(now)/1000), 
      timeLeft = endTime - now; 
     if(timeLeft > 0){ 
      var days = Math.floor(timeLeft/86400), 
       hours = Math.floor((timeLeft - (days * 86400))/3600), 
       minutes = Math.floor((timeLeft - (days * 86400) - (hours * 3600))/60), 
       seconds = Math.floor((timeLeft - (days * 86400) - (hours * 3600) - (minutes * 60))); 
      if (hours < "10") { hours = "0" + hours; } 
      if (minutes < "10") { minutes = "0" + minutes; } 
      if (seconds < "10") { seconds = "0" + seconds; }  

      $("#days").html(days + "<span>Days</span>"); 
      $("#hours").html(hours + "<span>Hours</span>"); 
      $("#minutes").html(minutes + "<span>Minutes</span>"); 
      $("#seconds").html(seconds + "<span>Seconds</span>"); 

     }else{ 
     clearInterval(timer); 
     $("#seconds").html("<span>00Seconds</span>"); 
     } 
    } 
timer = setInterval(function() { makeTimer(); }, 1000); 
}) 

JSフィドル https://jsfiddle.net/69ax5j4L/

Answer 2

以下のコードでは有効な日付が "???" 「」であるか 『 - 』（私はあなたがどこ行うにtryngかを把握できなかった）：

var vandaag = new Date(); 
werktijd = new Date(vandaag.getDay() ??? begintijd); 

だから、最初のステップはそれがどうかをチェックするだけの後に `はconsole.log（werktijd）を追加することですそれは有効な日付を返します（そして、それが現在の日付である場合は、私は把握しています）。

次のチェックDate() syntax。

私は間違っていないよ場合は、何をやろうとしていることである。

var vandaag = new Date(); 
// (EDIT) var begintijdHour = new Date(begintijd).getHours(); 
var begintijdTime = new Date(
    vandaag.toDateString() 
    + " " 
    + begintijd 
); 

werktijd = new Date(
    vandaag.getFullYear(), 
    vandaag.getMonth(), 
    vandaag.getDay(), 
    begintijTime.getHours(), 
    begintijTime.getMinutes(), 
    begintijTime.getSeconds() 
); 

// Checks: 
console.log(vandaag); // Should output current time. 
console.log(begintijdHour); // If shows NaN, then begintijd is much 
    // probably not properly formatted as valid dateString input 
    // (see below w3schools link). 

はEDIT：私は、入力が日付の部分が欠けていることを知った後、切り取ら下に編集しました。また、最後のwerktijd計算を変更し、分と秒を考慮に入れました。

時間部分のみを取り入れたい場合（元のコードと同じように）、正規表現を使用するだけで済みます。 begintijをDate（）オブジェクトに変換する必要はありません。 VARたendTime =新しい日付（vandaag.getMonth、vandaag.getDate、vandaag：私はこれを持っているとき

var begintijHour = begintij.replace(/:.*/, '');