Heim > Artikel > Web-Frontend > JS implementiert Timer
Dieser Artikel teilt Ihnen hauptsächlich die Implementierung von Timern in JS mit, hauptsächlich in Form von Code. Ich hoffe, er kann Ihnen helfen.
Problembeschreibung: Führen Sie regelmäßig ein Ereignis aus
Lösen Sie hauptsächlich das Problem des Neustarts
HTML
<body> <button id="btn1">start</button> <button id="btn2">stop</button> </body>
Skript
<script> window.addEventListener('load', my_timer, false); function my_timer() { let start = document.getElementById("btn1"); let stop = document.getElementById("btn2"); //计时函数 let timer = null; let eleClock = function () { timer = setInterval( function () { console.log(new Date()) }, 1000 ); }; //点击start按钮,开始定时器 start.onclick = function () { //do something eleClock(); }; //点击stop按钮,停止定时器 stop.addEventListener('click', function () { //do something window.clearInterval(timer); }, false); } </script>
Verwandte Empfehlungen:
JS-Implementierung der Animations-Timer-Methode
Detaillierte Erläuterung des JavaScript-Timers
Ausführlicher JavaScript-Timer
Das obige ist der detaillierte Inhalt vonJS implementiert Timer. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!