首頁 > 開發者 > JavaScript
JS中的計時器事件
JS可以實現很多java代碼不易完成的功能。這裡學習一些js中的計時器事件。 JavaScript 一個設定的時間間隔之後來執行代碼，稱之為計時事件。 主要通過兩個方法來實現： 1.setInterval() - 間隔指定的毫秒數不停地執行指定的代碼。 2.setTimeout() - 暫停指定的毫秒數後執行指定的代碼 並且，這兩個方法都是window對象的方法。 首先，介紹setInterval()方法，該方法值得是間隔一定的毫秒數不停的執行指定的代碼。 文法：window.setInterval(”js代碼，函數等“，毫秒數); 執行個體1：每三秒彈出一個hello setInterval(function(){alert("Hello")},3000); 執行個體2：顯示目前時間，通過按鈕實現時間的停止，開始 <script type="text/javascript"> var myVar; function startTimer(){ /*setInterval() 間隔指定的毫秒數不停地執行指定的代碼*/ myVar=setInterval(function(){myTimer()},1000); } function myTimer()/* 定義一個得到本地時間的函數*/ { var d=new Date(); var t=d.toLocaleTimeString(); document.getElementById("demo").innerHTML=t; } function stopTimer() {/* clearInterval() 方法用於停止 setInterval() 方法執行的函數代碼*/ clearInterval(myVar); } </script>setTimeout() 方法 在html或jsp中 <body> <h4 id="demo"></h4> <input type="button" onclick="startTimer()" value="開始"> <input type="button" onclick="stopTimer()" value="停止"></body> 對於setTimeout()方法，指的是指定的毫秒數後執行指定的代碼或方法。 文法：window.setTimeout("javascript 函數",毫秒數); 執行個體1：3秒鐘後彈出”hello“提示框 setTimeout(function(){alert("Hello")},3000); 執行個體2：三秒鐘後跳轉到前一個頁面 <script type="text/javascript"> setTimeout(function(){ window.history.back(); },3000);</script>如何執行停止呢？ clearTimeout() 方法用於停止執行setTimeout()方法的函數代碼。這裡注意myVar必須是一個全域變數。執行個體如下： var myVar; function myFunction() { myVar=setTimeout(function(){alert("Hello")},3000); } function myStopFunction() { clearTimeout(myVar); } 以上就把js計時器的準系統簡要介紹了，具體的使用情境，想要深刻理解，只有到項目用到時方可有新的理會。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
