2016-06-19 3 views
0

Ich habe versucht, den Timer mit der Erwähnung Datum und Uhrzeit eingestellt zu bekommen. Unten ist der Code, den ich bisher versucht habe.Starten Sie den Timer mit Erwähnung von Zeit und Datum mit Hilfe von 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>

Der obige Code gibt die Ausgabe des Systemdatums, aber ich möchte das Datum angeben, und der Timer sollte von diesem Tag selbst beginnen.

Beispiel: Ich habe versucht, Hinzufügen von Datum und Zeit in das neue Datum() wie folgt:

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

Aber dann der Timer funktioniert nicht.

Könnte mir bitte jemand hier helfen?

+1

Es klingt als ob Sie einen Job planen möchten, der nach einem festen Zeitplan ausgeführt wird. Es ist besser, es auf der Backend/Server-Seite zu tun. Welche Technologien verwenden Sie im Backend? – gtiwari333

+0

@gt_ebuddy sind richtig. Ich möchte nur hinzufügen, dass Ihr Datumsformat im Konstruktor falsch ist? Schauen Sie dort: http://www.w3schools.com/js/js_dates.asp – W92

+0

Sie haben meine Frage nicht beantwortet: Welche Technologien verwenden Sie auf Back-End? – gtiwari333

Antwort

0

Basierend auf this codepen Ich habe dies:

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);

Das Datum und die negativen zu positiven Ergebnisse sind ziemlich hart codiert, aber Sie bekommen die Idee.

+0

Tnks für das Teilen. Aber ich möchte, dass mein Timer von der erwähnten Zeit und für immer startet. Es gibt keine Endzeitzählung. –