1. Übersicht
Wenn Sie viele Websites durchsuchen, werden Sie feststellen, dass die Funktion der aktuellen Systemzeit zur Website hinzugefügt wird. Das Anzeigen der aktuellen Systemzeit auf der Webseite macht es den Zuschauern nicht nur bequem, die aktuelle Zeit zu erfassen, sondern auch die Webseite verschönern.
2. Technische Punkte
Implementierung mit Datumsobjekten. Erstellen Sie zunächst ein Datum (), das die aktuelle Systemzeit darstellt, und erhalten Sie dann die Werte des Jahres, des Monat, des Tages, der Stunde, der Minute, der zweiten und Woche der aktuellen Systemzeit über die Methode Getxxx () des Datumsobjekts. Kombinieren Sie als Nächstes die erhaltenen Werte in eine Datums- und Uhrzeitzeichenfolge und setzen Sie die Datums- und Uhrzeitzeichenfolge auf den Inhalt des <div> -Tags. Verwenden Sie schließlich die Funktion setTimeout () des Fensterobjekts, um eine Funktion aufzurufen, die die Systemzeit in Echtzeit alle 1 Sekunde anzeigt.
A. Spezifische Implementierung
(1) Erstellen Sie eine neue Index.jsp -Seite und schreiben Sie eine JavaScript -Funktion, die die Systemzeit in Echtzeit anzeigt. Der Schlüsselcode lautet wie folgt:
/*** Echtzeit-Anzeige der Systemzeit*/Funktion getAlinGdate () {var dateObj = new Date (); // Datumsobjekt, das die aktuelle Systemzeit darstellt var Jahr = DateObj.GetUlyear (); // Der volle Jahr Wert der aktuellen Systemzeit var monat = dateObj.getmonth ()+1; // Der Monatwert der aktuellen Systemzeit var date = dateObj.getDate (); // Der Tag der aktuellen Systemzeit var day = dateObj.getday (); // Der Tag des aktuellen Systems Time var weeks = ["Sunday", "Montag", "Dienstag", "Donnerstag", "Freitag", "Samstag"]; var week = Wochen [Tag]; // ab dem wöchentlichen Wert die entsprechende Woche Zeichenfolge aus dem Array var Hour = DateObj.gethours () erhalten; // Der Stundenwert der aktuellen Systemzeit var minute = dateObj.getminutes (); // Der winzige Wert der aktuellen Systemzeit var Second = dateObj.getSeconds (); // Der zweite Wert der aktuellen Systemzeit // Wenn die Werte von Monat, Tag, Stunde, Minute und zweiter weniger als 10 sind, fügen Sie 0if hinzu (Monat <10) {monat = "0"+monat;} if (Datum <10) {Date = "0"+Date;} if (stunde <10) {stündlich; "0"+Second;} var newate = Jahr+"Jahr"+Monat+"Monat"+Datum+"Tag"+Woche+""+stündlich+":"+minute+":"+second; document.getElementById ("datestern"). Innerhtml = "Systemankündigung: ["+newdate+".(2) Die JavaScript -Funktion, die im Onload -Ereignis -Ladeschritt (1) in der Seite <Body> im Tag <Div> -Tags geschrieben wurde, wird mit der ID "DETESTR" zur entsprechenden Position der Seite hinzugefügt. Der Schlüsselcode lautet wie folgt:
<body onload = "getAnGangDate ()"> <div id = "datestryest"> </div> </body>
Wenn Sie die Echtzeit-Anzeige der Systemzeit zeigen, können Sie auch die Methode setInterVar () des Fensterobjekts verwenden. Die Methode setInterval () ähnelt der SetTimeOut () -Methode.
Der Unterschied besteht darin, dass nach dem Aufrufen der Methode setIntervar () des Fensterobjekts die von der Methode setIntervar () aufgerufene JavaScript -Methode ständig ausgeführt wird, während die SetTimeOut () -Methode nur einmal ausgeführt werden kann. Wenn Sie eine JavaScript -Methode über die SetTimeOut () -Methode ausführen möchten, muss setTimeout () in die aufgerufene JavaScript -Methode geschrieben werden.
Das obige ist das relevante Wissen, das Ihnen vom Editor zur Echtzeit-Anzeige der Systemzeit basierend auf JS-Code vorgestellt wurde. Ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!