JS realisiert Bild Digitaluhr
|
In diesem Artikelbeispiel wird der spezifische JS-Code zur Realisierung der digitalen Bilduhr als Referenz bereitgestellt. Der spezifische Inhalt ist wie folgt Zunächst ist dies das Bild, das wir vorbereitet haben
<!DOCTYPE html>
<html lang="de">
<Kopf>
<meta charset="UTF-8">
<title>Dokument</title>
<Stil>
</Stil>
</Kopf>
<Text>
<div>
<img src="img/0.png" alt="">
<img src="img/0.png" alt="">
<img src="img/10.png" alt="">
<img src="img/0.png" alt="">
<img src="img/0.png" alt="">
<img src="img/10.png" alt="">
<img src="img/0.png" alt="">
<img src="img/0.png" alt="">
</div>
<Skripttyp="text/javascript">
//Funktion Funktion get(){
//Holen Sie sich das Seiten-Bild
var img = document.getElementsByTagName('img');
//Zeit abrufen var date=new Date();
var Stunde = Datum.getHours();
var minute=date.getMinutes();
var secind=date.getSeconds();
//Füge 0 ein
wenn(Stunde<10){
Stunde='0'+Stunde;
}sonst wenn(Minute<0){
Minute='0'+Minute;
}sonst wenn (zweite) {
Sekunde='0'+Sekunde;
}
// Zeichenfolgenverkettung img[0].src='img/'+parseInt(hour/10)+'.png';
img[1].src='img/'+stunde%10+'.png';
img[3].src='img/'+parseInt(minute/10)+'.png';
img[4].src='img/'+minute%10+'.png';
img[6].src='img/'+parseInt(secind/10)+'.png';
img[7].src='img/'+secind%10+'.png';
}
erhalten();
Intervall festlegen(get,1000);
//Aufruf zum Aktualisieren jede Sekunde</script>
</body>
</html>Endgültige Umsetzung
Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird. Das könnte Sie auch interessieren:
|
<<: Detaillierte Erklärung des durch einen Schrägstrich / verursachten Mordes in Nginx proxy_pass
>>: Lösung für das Problem des MySQL-Master-Slave-Switch-Kanals
Artikel empfehlen
Analyse und Beschreibung von Netzwerkkonfigurationsdateien unter Ubuntu-System
Ich bin heute auf ein seltsames Netzwerkproblem g...
Beispiele für 4 Methoden zum Einfügen großer Datenmengen in MySQL
Vorwort Dieser Artikel stellt hauptsächlich 4 Met...
Beispiel und Lösung für einen SQL-Injection-Sicherheitslückenprozess
Codebeispiel: öffentliche Klasse JDBCDemo3 { öffe...
So implementieren Sie HTML, um zu erkennen, ob die Eingabe abgeschlossen ist, und den nächsten Inhalt automatisch einzufügen
Im vorherigen Artikel haben wir die einfache Erke...
Detaillierte Erklärung des Unterschieds zwischen "/" und "~" in Linux
"/" ist das Stammverzeichnis und "...
Detaillierte Erklärung, wie Sie den Speicherort der Nginx-Konfigurationsdatei finden
Wie lässt sich bei einem unbekannten Server oder ...
MySql8 WITH RECURSIVE rekursive Abfrage Eltern-Kind-Sammlungsmethode
Hintergrund Wenn Sie eine Funktion entwickeln, di...
Beschreiben Sie kurz die Verwendung und Beschreibung des MySQL-Primärschlüssels und des Fremdschlüssels
Inhaltsverzeichnis 1. Fremdschlüsseleinschränkung...
Detaillierte Einführung und Verwendungsbeispiele für Map-Tag-Parameter
Karten-Tags müssen paarweise vorkommen, d. h. <...
Implementierung der automatischen Vervollständigung von Docker-Befehlen
Vorwort Ich weiß nicht, wie lange dieser Freund D...
Samba-Serverkonfiguration unter Centos7 (tatsächlicher Kampf)
Samba Übersicht Samba ist eine kostenlose Softwar...
Detaillierte Erklärung der wunderbaren Verwendung von SUID, SGID und SBIT in Linux
Vorwort Die Dateiberechtigungsverwaltung von Linu...
15 wichtige Variablen, die Sie zur MySQL-Leistungsoptimierung kennen müssen (Zusammenfassung)
Vorwort: MYSQL dürfte die beliebteste WEB-Backend...
Implementierungscodebeispiel für die lokale Verzeichniszuordnung von Nginx
Manchmal müssen Sie auf einige statische Ressourc...
So verwenden Sie Vue+ElementUI Tree
Die Verwendung von Vue + ElementUI Tree dient zu ...