Schreiben Sie eine dynamische Uhr auf einer Webseite in HTML
|
Verwenden Sie HTML, um eine dynamische Web-Uhr zu schreiben. Der Code lautet wie folgt:
<!DOCTYPE html>
<html>
<Kopf>
<meta charset="UTF-8">
<title>Uhreffekte</title>
</Kopf>
<Skripttyp="text/javascript">
Funktion disptime(){
var heute = neues Datum();
var hh=heute.getHours();
var mm=today.getMinutes();
var ss = heute.getSeconds();
document.getElementById("myclock").innerHTML="<h1>Jetzt ist—"+hh+":"+mm+":"+ss+"</h1>"
}
//Die Methode setInterval() kann eine Funktion aufrufen oder einen Ausdruck entsprechend dem angegebenen Zeitraum berechnen. var mytime = setInterval("disptime()",1000);
</Skript>
<body onload="disptime()">
<div id="meineUhr"></div>
</body>
</html> Zusammenfassen Oben habe ich Ihnen erklärt, wie man eine dynamische Uhr in HTML auf einer Webseite schreibt. Ich hoffe, es wird Ihnen helfen. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und ich werde Ihnen rechtzeitig antworten. Ich möchte auch allen für ihre Unterstützung der Website 123WORDPRESS.COM danken! |
<<: Der JavaScript-Artikel zeigt Ihnen, wie Sie mit Webformularen spielen
>>: MySQL-Methode zum rekursiven Suchen nach allen untergeordneten Knoten eines Menüknotens
Artikel empfehlen
Ein grafisches Tutorial zur Installation von MySQL unter Windows
Zusammenfassung: Dieser Artikel erläutert hauptsä...
Beispiel für die Bereitstellungsmethode „Forever+nginx“ einer Node-Site
Ich habe vor Kurzem den günstigsten Tencent-Cloud...
Webdesign-Tutorial (2): Über Nachahmung und Plagiat
<br />Im vorherigen Artikel habe ich die Sch...
Zusammenfassung der MySQL-Datenmigration
Inhaltsverzeichnis Vorwort: 1. Über die Datenmigr...
CSS-Schreibformat, detaillierte Erklärung der Grundstruktur einer mobilen Seite
1. CSS-Schreibformat 1. Inline-Stile Sie können C...
UTF-8- und GB2312-Webkodierung
In letzter Zeit haben mich viele Studenten zur Ko...
So zeigen Sie in CocosCreator eine Textur an der Wischposition an
Inhaltsverzeichnis 1. Projektanforderungen 2. Dok...
Detaillierte Erläuterung des Falls des JavaScript-Upload-Dateilimitparameters
Projektszenario: 1. Einschränkungen beim Hochlade...
Ein kleines Problem mit Nullwerten in MySQL
Heute habe ich beim Testen des Nullwertes ein kle...
Detaillierte Erklärung zur Verwendung von Bild-Tags in HTML
In HTML wird das <img>-Tag verwendet, um ei...
Detaillierte Erläuterung von Kompatibilitätsproblemen und Lösungen zum Festlegen der maximalen und minimalen Breite in der Tabelle
Festlegen der Eigenschaften für Mindest- und Maxi...
Detaillierte Erklärung der Vue-Filter
<Text> <div id="Wurzel"> &l...
Analyse und Lösung der Gründe, warum geplante MySQL-Aufgaben nicht normal ausgeführt werden können
Inhaltsverzeichnis Vorwort Ursachenanalyse und Lö...
Detaillierte Erläuterung der MySQL-Mehrtabellenabfrage
Sich gut zu ernähren und ausreichend zu schlafen,...
Problem mit der V-HTML-Rendering-Komponente
Da ich bereits HTML analysiert habe, möchte ich h...