Heim > Artikel > Web-Frontend > So implementieren Sie einen Timer mit JS+setInterval
Dieses Mal zeige ich Ihnen, wie Sie JS+setInterval zum Implementieren eines Timers verwenden und welche Vorsichtsmaßnahmen für die Verwendung von JS+setInterval zum Implementieren eines Timers gelten sehen.
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 mit Vue einen Countdown-Button implementiert
Wie man mit Vue eine Zwei schreibt -Wege-Datenbindung
Das obige ist der detaillierte Inhalt vonSo implementieren Sie einen Timer mit JS+setInterval. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!