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
Mehrere Möglichkeiten zum Einfügen von SVG in HTML-Seiten
SVG (Scalable Vector Graphics) ist ein Bildformat...
Tutorial zur Installation von MySQL 5.6 auf CentOS 6.5
1. Laden Sie das RPM-Paket für Linux herunter htt...
Welche Vorteile bietet die Verwendung von B+Tree als Index in MySQL?
Inhaltsverzeichnis Warum benötigen Datenbanken In...
Installationsprozess von MySQL5.7.22 auf dem Mac
1. Verwenden Sie das Installationspaket, um MySQL...
Linux Bash: ./xxx: Fehler „Binärdatei kann nicht ausgeführt werden“
Heute habe ich einem Kunden ein kleines Tool für ...
Praktischer Bericht über die Entwicklung von Vue3- und TypeScript-Projekten
Inhaltsverzeichnis Überblick 1. Kompositions-API ...
Lernen Sie schnell die MySQL-Grundlagen
Inhaltsverzeichnis SQL verstehen SELECT verstehen...
Docker-Benutzerdefinierte Brücke Docker0 und Befehlsvorgänge zum Öffnen, Schließen und Neustarten von Docker
Frage Nachdem das Unternehmen den Server migriert...
Detaillierte Erklärung und Erweiterung von ref und reactive in Vue3
Inhaltsverzeichnis 1. Ref und reaktiv 1. reaktiv ...
JavaScript-Canvas zum Erzielen von Meteoreffekten
In diesem Artikel wird der spezifische Code für J...
Detaillierte Erläuterung der MySQL Limit-Leistungsoptimierung und der Paging-Daten-Leistungsoptimierung
MySQL Limit kann Datenbankdaten segmentweise abfr...
So legen Sie Hintergrundfarbe und Transparenz in Vue fest
Einstellungen für Hintergrundfarbe und Transparen...
Beispiele für die Verwendung von HTML-Marquee-Tags
Dieses Tag ist nicht Teil von HTML3.2 und unterstü...
Unterschiede zwischen ES6-Vererbung und ES5-Vererbung in js
Inhaltsverzeichnis Nachlass ES5-Prototypvererbung...
Detaillierte Erläuterung der Installations-, Konfigurations-, Start- und Herunterfahrmethoden des MySQL-Servers
1. Download von der offiziellen Website: https://...