Heim > Artikel > Web-Frontend > So implementieren Sie einen Timer mit JS+setInterval
So implementieren Sie einen Timer mit JS+setInterval
- php中世界最好的语言Original
- 2018-06-02 15:55:441478Durchsuche
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!