jsを使用して時間と日付を含むタイマーを開始する

私は、日付と時刻を設定してタイマーを取得しようとしています。以下はこれまでに試したコードです。jsを使用して時間と日付を含むタイマーを開始する

function timer() { 
 
    var now = new Date(); 
 
    var outStr = now.getHours() + ':' + now.getMinutes() + ':' + now.getSeconds(); 
 
    document.getElementById('clockDiv').innerHTML = outStr; 
 
    setTimeout('timer()', 1000); 
 
} 
 
timer();

<html> 
 
    <head><title></title></head> 
 
    <body onload="timer();"> 
 
    <div id="clockDiv"></div> 
 
    </body> 
 
</html>

上記のコードは、システムの日付の出力を与えるが、私は日付を指定したいとタイマーがその日自体から開始する必要があります。

例：私は（）以下のように新しい日付に日付と時刻を追加してみました：

var now = new Date('Wed, 15 May 2013 13:05:32');

しかし、その後タイマーは動作しません。

誰かが私を助けてくれますか？私はこの作らthis codepenに基づいて

出典

2016-06-19 royson silva

固定スケジュールで実行するようにジョブをスケジュールするように思えます。それはバックエンド/サーバー側でそれを行う方が良いです。バックエンドでどのようなテクノロジーを使用していますか？ – gtiwari333

@gt_ebuddyが正しいです。私は、あなたの日付フォーマットをコンストラクタに間違って追加したいだけですか？そこを見てください： http://www.w3schools.com/js/js_dates.asp – W92

あなたは私の質問に答えませんでした：どのテクノロジーをバックエンドで使用していますか？ – gtiwari333

：肯定的な結果に

function getTimeRemaining() { 
 
    var t = Date.parse('Wed, 15 May 2013 13:05:32') - Date.parse(new Date()); 
 
    var seconds = Math.floor((t/1000) % 60); 
 
    var minutes = Math.floor((t/1000/60) % 60); 
 
    var hours = Math.floor((t/(1000 * 60 * 60)) % 24); 
 
    var days = Math.floor(t/(1000 * 60 * 60 * 24)); 
 
    return { 
 
    'total': t, 
 
    'days': days, 
 
    'hours': hours, 
 
    'minutes': minutes, 
 
    'seconds': seconds 
 
    }; 
 
} 
 

 

 

 
function display(){ 
 
    var t = getTimeRemaining(); 
 
    document.write(-t.days + " days, " + -t.hours + " hours, " + -t.minutes + " minutes, " + -t.seconds + " seconds since " + 'Wed, 15 May 2013 13:05:32' + '<br>'); 
 
} 
 
var timeinterval = setInterval(display, 1000);

日付と負のはかなりハードコーディングされていますが、あなたのアイデアを得ます。

出典

2016-06-19 11:41:37 yuriy636

これを共有すること。しかし私は私のタイマーが言及された時間からそして永遠に始まることを望む。終了時間はありません。 –

jsを使用して時間と日付を含むタイマーを開始する

答えて

関連する問題