Heim > Artikel > Web-Frontend > Timer in Javascript
Javascrip
t中有两种定时器,分别是setInterval()
、setTimeout()
, beides sind Timer, aber sie sind unterschiedlich. In diesem Artikel erfahren Sie, wie Sie diese beiden Timer verstehen.
1.setTimeout()
Timer einstellen
<script> setTimeout(setTime,2000); function setTime(){ alert("2秒时间到了"); } </script>
Timer löschen
<body> <button>按钮2</button> <script> const btn=document.querySelector("button"); let set=setTimeout(() => { alert("已经过去三秒了"); }, 3000); btn.addEventListener("click",(e)=>{ clearTimeout(set); }); </script> </body>
2.setInterval()
Timer einstellen
<script> setInterval(setInter, 3000); function setInter(){ console.log("我被周期性3s时间打印"); } </script>
Löschen Timer
<body> <button>按钮1</button> <script> const btn=document.querySelector("button"); let set=setInterval(setInter, 3000); btn.onclick=(e)=>{ clearInterval(set); }; function setInter(){ console.log("我被周期性3s时间打印"); } </script> </body>
Empfohlen: " Fragen und Antworten zum js-Interview 2021 (große Zusammenfassung)"
Das obige ist der detaillierte Inhalt vonTimer in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!