setTimeout和setInterval的用法
JavaScript 计时事件
JavaScript可以按时间间隔执行。这称为计时事件。window对象允许以指定的时间间隔执行代码。这些时间间隔称为定时事件。与JavaScript一起使用的两个关键方法是:
setTimeout()和setInterval()是HTML DOM Window对象的方法。 setTimeout()方法 第一个参数是要执行的函数。第二个参数表示执行前的毫秒数。 单击按钮。等待3秒钟,页面将提示“Hello”: <button onclick="setTimeout(myFunction,3000)">Try it</button> <script> function myFunction() { alert(‘Hello‘); } </script> 如何停止执行setTimeout?
clearTimeout()方法使用从setTimeout()以下返回的变量: myVar = setTimeout(function,milliseconds); clearTimeout(myVar); 如果函数尚未执行,则可以通过调用clearTimeout()方法来停止执行: 与上面的示例相同,但添加了“停止”按钮:? <button onclick="myVar = setTimeout(myFunction,3000)">Try it</button> <button onclick="clearTimeout(myVar)">Stop it</button> setInterval()方法
第一个参数是要执行的函数。 第二个参数表示每次执行之间的时间间隔的长度。 此示例每秒执行一次名为“myTimer”的函数(如数字手表)。 var myVar = setInterval(myTimer,1000); function myTimer() { var d = new Date(); document.getElementById("demo").innerHTML = d.toLocaleTimeString(); } 如何停止执行setInterval?
clearInterval()方法使用从setInterval()以下返回的变量: myVar = setInterval(function,milliseconds); clearInterval(myVar); 与上面的示例相同,但我们添加了“停止时间”按钮: <p id="demo"></p> <button onclick="clearInterval(myVar)">Stop time</button> <script> var myVar = setInterval(myTimer,1000); function myTimer() { var d = new Date(); document.getElementById("demo").innerHTML = d.toLocaleTimeString(); } </script> 更多HTML BOM Window对象的方法 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
- java – Google Fit API,获取每项活动消耗的卡路
- java – 将多个BufferedImages叠加在一起?
- java – 从string加载spring应用程序上下文
- java – Scala – 当一个arg必须为null时,如何显
- java操作redis之按照关键字删除缓存数据
- Parse Robolectric导致java.lang.VerifyError:操
- java – Spring security授权来自数据库的Reques
- Java 7之多线程- Semaphore--转载
- java – 你如何处理一个弹簧网络应用程序的TDD
- java – 处理警告的适当方法是什么:“x的表达式