js基礎---setInterval()定時器
阿新 • • 發佈：2021-09-06
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload = function(){ //獲取count var count = document.getElementById("count"); //使count中的內容，自動切換 /* * JS的程式的執行速度是非常非常快的 * 如果希望一段程式，可以每間隔一段時間執行一次，可以使用定時呼叫 */ /*for(var i=0 ; i<10000 ; i++){ count.innerHTML = i; alert("hello"); }*/ /* * setInterval() * - 定時呼叫 * - 可以將一個函式，每隔一段時間執行一次 * - 引數： * 1.回撥函式，該函式會每隔一段時間被呼叫一次 * 2.每次呼叫間隔的時間，單位是毫秒 * * - 返回值： * 返回一個Number型別的資料 * 這個數字用來作為定時器的唯一標識*/ var num = 1; var timer = setInterval(function(){ count.innerHTML = num++; if(num == 11){ //關閉定時器 clearInterval(timer); } },1000); //console.log(timer); //clearInterval()可以用來關閉一個定時器 //方法中需要一個定時器的標識作為引數，這樣將關閉標識對應的定時器 //clearInterval(timer); }; </script> </head> <body> <h1 id="count"></h1> </body> </html>