So erhalten Sie die aktuelle Uhrzeit in Javascript

In Javascript können Sie die Date()-Methode im Date-Objekt verwenden, um die aktuelle Uhrzeit abzurufen, die das Datum und die Uhrzeit des Tages zurückgeben kann. Sie können auch „new Date()“ verwenden, um ein Zeitobjekt zu erstellen und Verwenden Sie die integrierte Zeitmessmethode „Get“, um Jahr, Monat, Tag, Stunde, Minute, Sekunde und andere Informationen abzurufen.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

In Javascript können Sie die Date()-Methode im Date-Objekt verwenden, um die aktuelle Uhrzeit abzurufen. Die Date()-Methode gibt das heutige Datum und die aktuelle Uhrzeit zurück.

Date()

Beispiel: Heutiges Datum und Uhrzeit ausgeben

console.log(Date())

Ausgabe:

Oder verwenden Sie verschiedene Methoden im Date-Objekt, um die Uhrzeit zu formatieren und die Uhrzeit in einem festen Format anzuzeigen.

Verwenden Sie zuerst new Date(), um ein aktuelles Zeitobjekt zu erstellen, verwenden Sie dann get als Präfix-Zeitlesemethode, um Jahr, Monat, Tag, Stunde, Minute, Sekunde und andere Informationen der aktuellen Zeit abzurufen, und legen Sie schließlich alle fest Sekunde durch einen Timer. Einmal ausführen, um Echtzeitaktualisierungen zu erreichen.

【Bedienungsschritte】

1) Entwerfen Sie eine Zeitanzeigefunktion. Erstellen Sie in dieser Funktion zunächst ein Datumsobjekt, rufen Sie die aktuelle Uhrzeit ab und rufen Sie dann Jahr, Monat, Tag, Stunde, Minute, Sekunde und andere Informationen ab bzw. und fügen Sie es schließlich zu einer Zeitzeichenfolge zusammen und geben Sie es zurück.

var showtime = function () {
    var nowdate = new Date();
    var year = nowdate.getFullYear(),
        month = nowdate.getMonth() + 1,
        date = nowdate.getDate(),
        day = nowdate.getDay(),
        week = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"],
        h = nowdate.getHours(),
        m = nowdate.getMinutes(),
        s = nowdate.getSeconds(),
        h = checkTime(h),
        m = checkTime(m),
        s = checkTime(s);
    return year + "年" + month + "月" + date + "日" + week[day] + " " + h +":" + m + ":" + s;
}

2) Weil das Zeitformat, das Sie normalerweise sehen, im Allgemeinen 00:00:01 ist und die Methoden getHours(), getMinutes() und getSeconds() das Format von 0 bis 9 erhalten, nicht von 00 bis 09. Beim Wechsel von 9 auf 10, von einer Ziffer auf zwei Ziffern geht es also auch von 59 Sekunden auf 0 Sekunden oder von 59 Minuten auf 0 Minuten oder von 23 Stunden auf 0 Stunden. Zum Beispiel: Die nächste Sekunde von 23:59:59 sollte 00:00:00 sein, aber es ist tatsächlich 0:0:0. Auf diese Weise ist das Format auch optisch nicht einheitlich. eine Art Zittern hervorruft.

Definieren Sie unten eine Hilfsfunktion, um die einstellige Zeitanzeige auf eine zweistellige Anzeige umzustellen.

var checkTime = function (i) {
    if (i < 10) {
        i = "0" + i;
    }
    return i;
}

3) Fügen Sie der Seite ein Tag hinzu und legen Sie den Wert von id fest.

<h1 id="showtime"></h1>

4) Binden Sie einen Timer an das Etikett und stellen Sie die Zeitanzeigefunktion so ein, dass sie jede Sekunde im Timer aufgerufen wird.

var div = document.getElementById("showtime");
setInterval (function() {
    div.innerHTML = showtime();
}, 1000);  //反复执行函数

Die angezeigten Ergebnisse lauten wie folgt:

[Verwandte Empfehlungen: Javascript-Lerntutorial]

Das obige ist der detaillierte Inhalt vonSo erhalten Sie die aktuelle Uhrzeit in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!