Heim > Artikel > Web-Frontend > Natives Javascript implementiert die automatische Aktualisierung von Zeit- und Datums-Javascript-Fähigkeiten

Natives Javascript implementiert die automatische Aktualisierung von Zeit- und Datums-Javascript-Fähigkeiten

WBOYOriginal: 2016-05-16 15:15:461483Durchsuche

Dinge, die sich dynamisch ändern können, sind immer attraktiver und noch praktischer als statische. Der Effekt der automatischen Änderung von Uhrzeit und Datum ist beispielsweise wie folgt Beispiel ist wie folgt:
1. Spezifischer Code

<html>
<head>
<meta charset="gb2312">
<title>脚本之家</title>
<script type="text/javascript">
var t = null;
function time(){
 dt = new Date();
 var y=dt.getFullYear();
 var h=dt.getHours();
 var m=dt.getMinutes();
 var s=dt.getSeconds();
 document.getElementById("timeShow").innerHTML="当前时间："+y+"年"+h+"时"+m+"分"+s+"秒";
 t = setTimeout(time,1000);    
} 
window.onload=function(){time()}
</script>
</head>
<body>
<div id="timeShow"></div>
</body>
</html>

Der obige Code erfüllt unsere Anforderungen. Hier finden Sie eine kurze Einführung in den Implementierungsprozess.
2. Umsetzungsprinzip
Die time()-Funktion kann die aktuelle Uhrzeit und das aktuelle Datum abrufen und dann die Timer-Funktion am Ende der Funktion verwenden, um die time()-Funktion rekursiv aufzurufen, was bedeutet, dass die time()-Funktion kontinuierlich ausgeführt werden kann. Dadurch wird die automatische Aktualisierung von Uhrzeit und Datum realisiert. Hier gibt es keine große Einführung.

3. Ergänzende Informationen

Javascript-Zeitfunktion

Javascript stellt Datumsobjekte für Zeit- und Datumsberechnungen bereit. Datumsobjekte haben mehrere Konstruktoren:

1. dateObj=new Date() //Aktuelle Zeit

2. dateObj=new Date(milliseconds) //Die Anzahl der Millisekunden ab der Startzeit am 1. Januar 1970

3. dateObj=new Date(datestring) //Das durch die Zeichenfolge dargestellte Datum und die Uhrzeit. Diese Zeichenfolge kann mit Date.parse() konvertiert werden, z. B. „1. Januar 1998 20:13:15“

4. dateObj=neues Datum (Jahr, Monat, Tag, Stunden, Minuten, Sekunden, Mikrosekunden) //Sie müssen nicht alle Zeitwerte schreiben, sonst ist der Standardwert 0

Rufen Sie bei Verwendung Objektfunktionen auf, z. B.
year=dateObj.getFullYear();//Erhalten Sie den Jahreswert

Das Folgende ist die Funktionsliste des Datumsobjekts . Die Verwendungsmethode ist wie oben gezeigt:

1), Klassenfunktion abrufen:
Funktion getDate() – gibt die Anzahl der Tage zurück (1-31)
getDay()-Funktion – gibt den Wochentag (0-6) zurück
getFullYear()-Funktion – gibt die vierstellige Jahreszahl zurück
Funktion getHours() – gibt die Anzahl der Stunden zurück (0-23)
Funktion getMilliseconds() – gibt die Anzahl der Millisekunden zurück (0-999)
Funktion getMinutes() – gibt die Anzahl der Minuten zurück (0-59)
Funktion getMonth() – gibt die Anzahl der Monate zurück (0-11)
getSeconds()-Funktion – die Anzahl der zurückgegebenen Sekunden (0-59)
getTime()-Funktion – gibt die Zeitstempeldarstellung (in Millisekunden) zurück
getYear()-Funktion – gibt das Jahr zurück (reales Jahr minus 1900)

2), Klassenfunktion festlegen:
(Die folgenden Funktionen geben alle die Anzahl der Millisekunden zwischen dem Datumsobjekt und Mitternacht am 1. Januar 1970 zurück)
setDate()-Funktion – legt den Tag des Monats fest
setFullYear()-Funktion – Jahr, Monat und Tag einstellen
Funktion setHours() – Stunden, Minuten, Sekunden und Millisekunden einstellen
Funktion setMilliseconds() – legt die Anzahl der Millisekunden fest
Funktion setMinutes() – Minuten, Sekunden, Millisekunden einstellen
Funktion setMonth() – Monat und Tag festlegen
setSeconds()-Funktion – legt den Tag des Monats fest
setTime()-Funktion – setzt das Datumsobjekt in Millisekunden
setYear()-Funktion – stellt das Jahr ein (reales Jahr minus 1900)

3), Konvertierungsanzeigefunktion:
Funktion toLocalString() – gibt die lokalisierte Zeichenfolgendarstellung
zurück toLocaleDateString-Funktion – gibt die lokalisierte Zeichenfolge des Datumsteils zurück
toLocaleTimeString-Funktion – gibt die lokalisierte Zeichenfolge des Zeitteils

zurück

Bezogen auf die lokale Ausgabe gibt es außerdem:

toString()
toDateString()
toTimeString()

Der Unterschied besteht darin, dass Ersteres je nach Maschine unterschiedliche lokale Sprachformate hat, während Letzteres ein internes Darstellungsformat ist

4), Datumsanalysefunktionen

Date.parse()-Funktion – analysiert eine Datumszeichenfolge und gibt die Anzahl der Millisekunden zwischen dem Datum und Mitternacht am 1. Januar 1970 zurück

Das Obige ist der detaillierte Inhalt zu JavaScript-Zeit und -Datum. Ich hoffe, dass er für das Lernen aller hilfreich sein wird.

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Detaillierte Erläuterung der Fähigkeiten von JavaScript-Operationsklassen und -stilcode_javascriptNächster Artikel：Detaillierte Erläuterung der Fähigkeiten von JavaScript-Operationsklassen und -stilcode_javascript

In Verbindung stehende Artikel

Mehr sehen