Heim > Artikel > Web-Frontend > Erstellen Sie eine Timer-Funktion mit JS
Dieses Mal zeige ich Ihnen, wie Sie mit JS eine Timer-Funktion erstellen. Was sind die Vorsichtsmaßnahmen für die Verwendung von JS zum Erstellen einer Timer-Funktion?
Verwenden Sie setInterval
, um die Zeitmessung zu implementieren, und rücken Sie nach 60 Sekunden um eins auf die Minute vor und nach 60 Minuten um eins auf die Stunde.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JS计时器</title> <script> window.onload = function(){ var mm = 0; var ss = 0; var str = ''; var timer = setInterval(function(){ str = ""; if(++ss==60) { if(++mm==60) { mm=0; } ss=0; } str+=mm<10?"0"+mm:mm; str+=":"; str+=ss<10?"0"+ss:ss; document.getElementById("d").innerHTML = str; },1000); }; </script> </head> <body> <p id="d"></p> </body> </html>
Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!
Empfohlene Lektüre:
Wie man Vue bedient, um einen Proxy zu erstellen
Verwenden Sie Klassen in ES6, um Vue zu imitieren und zu erstellen Zwei-Wege-Bindungsset
Das obige ist der detaillierte Inhalt vonErstellen Sie eine Timer-Funktion mit JS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!