So implementieren Sie Zähler- und Uhrfunktionscode in HTML
Der Inhalt dieses Artikels befasst sich mit der Implementierung des Funktionscodes von Zähler und Uhr in HTML. Ich hoffe, dass er für Freunde hilfreich ist.
Auf vielen Webseiten sehen wir Zähler und Uhren. Wie können wir diese Funktion also selbst implementieren?
Lassen Sie uns zuerst über den Zähler sprechen. Die logische Funktion des Zählers ist sehr einfach, das heißt, der Sekundenzeiger erhöht sich jede Sekunde um eins und rückt alle 60 um eins vor. Der Code lautet wie folgt:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<div></div>
<script>
var index = 0;
var i=0;
/**
* 对时间进行预先处理，逢60进一
*/
function counter(){
second = index;
minute=i;
index++;
if(second==60){
second=0;
i++;
index=0;
}
if(second<10){
second = "0"+second;
}
if(minute<10){
minute="0"+minute;
}
return time = minute +":"+second;
}
/**
* 将获得的时间插入到div的区域
*/
function show(){
var time = counter();
document.getElementsByTagName("div")[0].innerHTML=time;
}
/**
* 每秒钟获得一次时间，实现计数功能
*/
function set(){
setInterval("show()",1000);
}
show();
set();
</script>
</body>
</html>Auf diese Weise wird ein einfacher Zähler vervollständigt.
Code für die Uhrfunktion:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
/**
* 向Date类中添加获取当前时间的方法
*/
Date.prototype.currentTime = function(){
var year = this.getFullYear();
var month = this.getMonth()+1;
var day = this.getDate();
var week = this.getDay();
week = "星期"+"日一二三四五六".charAt(week);
month = month<10 ? "0"+month : month;
day = day < 10 ? "0"+day : day;
var hour = this.getHours();
var second = this.getSeconds();
var minute = this.getMinutes();
hour = hour<10 ? "0"+hour : hour;
second = second < 10 ? "0"+second : second;
minute = minute < 10 ? "0"+minute : minute;
return year+"-"+month+"-"+day+" "+week+" "+hour+":"+minute+":"+second;
}
function showTime(){
var time = new Date().currentTime();
document.getElementById("show").innerHTML = time;
}
function setTime(){
showTime();
setInterval("showTime()",1000);
}
window.onload = function(){
setTime();
}
</script>
</head>
<body>
<span id="show"></span>
</body>
</html>Das war’s, die Uhr ist fertig!
Verwandte Empfehlungen:
So verwenden Sie den Timer, um die Countdown-Funktion in js zu implementieren
Uhreffekt implementiert durch jQuery+css (kompatibel mit jedem Browser)_jquery
Das obige ist der detaillierte Inhalt vonSo implementieren Sie Zähler- und Uhrfunktionscode in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
1376
52
Uhr-App fehlt im iPhone: So beheben Sie das Problem
May 03, 2024 pm 09:19 PM
Fehlt die Uhr-App auf Ihrem Telefon? Datum und Uhrzeit werden weiterhin in der Statusleiste Ihres iPhones angezeigt. Ohne die Uhr-App können Sie jedoch die Weltzeituhr, die Stoppuhr, den Wecker und viele andere Funktionen nicht nutzen. Daher sollte die Reparatur der fehlenden Uhr-App ganz oben auf Ihrer To-Do-Liste stehen. Diese Lösungen können Ihnen bei der Lösung dieses Problems helfen. Lösung 1 – Platzieren Sie die Uhr-App. Wenn Sie versehentlich die Uhr-App von Ihrem Startbildschirm entfernt haben, können Sie die Uhr-App wieder an ihrem Platz platzieren. Schritt 1 – Entsperren Sie Ihr iPhone und wischen Sie nach links, bis Sie zur Seite „App-Bibliothek“ gelangen. Schritt 2 – Suchen Sie als Nächstes im Suchfeld nach „Uhr“. Schritt 3 – Wenn Sie unten in den Suchergebnissen „Uhr“ sehen, halten Sie die Taste und gedrückt
So verwenden Sie mehrere Timer auf dem iPhone mit iOS 17
Jun 21, 2023 am 08:18 AM
Was sind Multitimer unter iOS17? Mit iOS17 bietet Apple Nutzern nun die Möglichkeit, auf ihrem iPhone mehrere Timer gleichzeitig einzustellen. Das ist eine willkommene Abwechslung, auf die viele schon seit Jahren warten. Über die Uhr-App, mit der Benutzer vor iOS 16 nur jeweils einen Timer einstellen konnten, können jetzt beliebig viele Timer aktiviert werden, sodass sie sich ideal zum gleichzeitigen Erledigen mehrerer Aufgaben eignet. Sie können im Timer-Bildschirm eine beliebige Anzahl von Timern einstellen. Sobald der Timer gestartet ist, werden alle aktiven Timer als „Live-Aktivität“-Benachrichtigungen auf dem Sperrbildschirm und im Benachrichtigungscenter angezeigt. Von hier aus können Sie die verbleibende Zeit bis zum Ausschalten des Timers anzeigen, den Timer anhalten oder stoppen, ohne die Uhr-App zu öffnen. wenn du auf der Uhr bist
iOS 17: So ändern Sie den Uhrstil des iPhone im Standby-Modus
Sep 10, 2023 pm 09:21 PM
Standby ist ein Sperrbildschirmmodus, der aktiviert wird, wenn das iPhone an das Ladegerät angeschlossen und horizontal (oder im Querformat) ausgerichtet ist. Es besteht aus drei verschiedenen Bildschirmen, von denen einer im Vollbildmodus angezeigt wird. Lesen Sie weiter, um zu erfahren, wie Sie den Stil Ihrer Uhr ändern können. Auf dem dritten Bildschirm von StandBy werden Uhrzeiten und Daten in verschiedenen Themen angezeigt, die Sie vertikal wischen können. Einige Themes zeigen auch zusätzliche Informationen an, wie z. B. Temperatur oder nächster Alarm. Wenn Sie eine beliebige Uhr gedrückt halten, können Sie zwischen verschiedenen Themen wechseln, darunter Digital, Analog, Welt, Solar und Floating. Float zeigt die Zeit in großen Blasenzahlen in anpassbaren Farben an, Solar verfügt über eine Standardschriftart mit einem Sonneneruptionsdesign in verschiedenen Farben und World zeigt die Welt durch Hervorhebung an
![So schalten Sie Alarme auf dem iPhone aus [2023]](https://img.php.cn/upload/article/000/465/014/169259550735100.png?x-oss-process=image/resize,m_fill,h_207,w_330)
So schalten Sie Alarme auf dem iPhone aus [2023]
Aug 21, 2023 pm 01:25 PM
Seit dem Aufkommen von Smartphones haben sie zweifellos Wecker ersetzt. Wenn Sie ein iPhone besitzen, können Sie mit der Uhr-App ganz einfach beliebig viele Alarme für mehrere Anlässe im Laufe des Tages einstellen. Mit der App können Sie die Weckzeit, den Ton, die Wiederholungshäufigkeit und die Möglichkeit, den Weckruf mit der Snooze-Option zu verzögern, konfigurieren. Wenn Sie den von Ihnen eingestellten Alarm ausschalten möchten, soll Ihnen der folgende Beitrag dabei helfen, regelmäßige Alarme und Weckalarme auf Ihrem iPhone zu deaktivieren und zu löschen. So schalten Sie einen regulären Alarm auf dem iPhone aus Wenn Sie in der Uhr-App einen Alarm hinzufügen oder Siri bitten, einen Alarm für Sie hinzuzufügen, erstellen Sie standardmäßig einen regulären Alarm. Sie können auf Ihrem iPhone beliebig viele Wecker erstellen und platzieren
So passen Sie die Standby-Farbe in iOS 17 an
Sep 23, 2023 pm 12:53 PM
Apple bietet in iOS 17 einen neuen Sperrbildschirmmodus namens Standby-Modus an, der aktiviert wird, wenn Ihr iPhone an ein Ladegerät (kabelgebunden oder kabellos) angeschlossen und im Querformat auf einen Ständer gestellt wird. Dieser Modus zeigt auf einen Blick mehr Informationen als der Standard-Sperrbildschirm, indem er die Uhr, Wetterdaten, den Kalender und einige Widgets anzeigt. Nachdem Sie diese Funktion in den Einstellungen aktiviert haben, wechselt Ihr iPhone automatisch in den Standby-Modus, wenn es während des Ladevorgangs im Querformat platziert wird. So ändern Sie die Standby-Farben in iOS 17. Der Standby-Modus bietet drei Seiten (Widgets, Fotos und Uhr), die Sie durch Wischen auf dem Bildschirm hin- und herwechseln können. Von diesen Seiten können Sie nur auf dem Uhrbildschirm die auf dem Bildschirm angezeigten Farben individuell anpassen
Was soll ich tun, wenn die Uhr meines Win10-Computers immer ungenau ist? Mehrere Möglichkeiten, die Zeit meines Win10-Computers anzupassen
Mar 27, 2024 pm 05:10 PM
1. Klicken Sie zunächst auf das Startmenü und wählen Sie im Startmenü die Schaltfläche Einstellungen. 2. Wählen Sie nach dem Öffnen die Zeit- und Spracheinstellungen aus. 3. Ändern Sie es, um die Uhrzeit automatisch einzustellen. 4. Sie können die automatische Zeiteinstellung auch deaktivieren und die Zeit auswählen, die Sie ändern möchten. Methode 2: 1. Öffnen Sie die Option [Andere Datums-, Uhrzeit- und Regionaleinstellungen]. 2. Wählen Sie [Uhrzeit und Datum einstellen]. 3. Wählen Sie [Internetzeit] und öffnen Sie [Einstellungen ändern]. 4. Aktivieren Sie [Mit Internet-Zeitserver (S) synchronisieren], klicken Sie auf [Jetzt aktualisieren] und dann auf OK.
Implementieren verteilter Zähler mit Redis
May 11, 2023 am 08:06 AM
Was ist ein verteilter Zähler? In einem verteilten System müssen mehrere Knoten gemeinsame Zustände aktualisieren und lesen, und Zähler sind einer der am häufigsten verwendeten Zustände. Laienhaft ausgedrückt ist ein Zähler eine Variable, deren Wert bei jedem Zugriff um 1 erhöht oder verringert wird. Es handelt sich um einen Indikator, der zur Verfolgung des Fortschritts eines bestimmten Systems verwendet wird. Verteilte Zähler beziehen sich auf den Betrieb und die Verwaltung von Zählern in einer verteilten Umgebung. Warum Redis verwenden, um verteilte Zähler zu implementieren? Mit der Popularität des verteilten Rechnens sind auch viele detaillierte Probleme in verteilten Systemen entstanden
Wie stellt man die Uhr hinter dem TikTok-Label ein? Wie werden die Tags so eingestellt, dass sie Traffic anziehen?
Mar 25, 2024 pm 05:21 PM
Als eine der beliebtesten Kurzvideoplattformen der Welt machen es die leistungsstarken Funktionen und das reichhaltige Gameplay von Douyin für Benutzer schwer, es aus der Hand zu legen. In Douyin können wir Werken Tags hinzufügen, um die Bekanntheit zu erhöhen, und die Uhr hinter dem Tag zeigt die Aktualisierungszeit des Inhalts unter dem Tag an. Wie stellt man also die Uhr hinter dem Douyin-Label ein? In diesem Artikel wird ausführlich beschrieben, wie Sie Douyin-Tags und -Uhren einrichten und wie Sie den Datenverkehr über Tags steuern. 1. Wie stellt man die Uhr hinter dem Douyin-Label ein? 1. Öffnen Sie Douyin und klicken Sie auf die Schaltfläche „Erstellen“, um die Videobearbeitungsseite aufzurufen. 2. Nachdem Sie die Materialien ausgewählt haben, klicken Sie auf „Weiter“, um die Seite zur Arbeitsfreigabe aufzurufen. 3. Geben Sie auf der Werkveröffentlichungsseite den Titel des Werks ein und klicken Sie auf „Tag hinzufügen“. 4. Geben Sie auf der Etikettenseite den Namen des Etiketts ein, das Sie hinzufügen möchten.
