实现javascript的延期执行或者重复执行的两个函数
JavaScript执行 实现 函数 两个 重复 或者 延期
2023-06-13 09:13:56 时间
以下内容摘录自《征服AJAX Web2.0开发技术详解》,今天在图书管看书觉得讲的挺好的,特此摘录!小部分内容和代码做了改动!
window对象提供了两个方法来实现定时器的效果,分别是window.setTimeout()和window.setInterval。其中前者可以使一段代码在指定时间后运行;而后者则可以使一段代码每过指定时间就运行一次。它们的原型如下:
复制代码代码如下:
window对象提供了两个方法来实现定时器的效果,分别是window.setTimeout()和window.setInterval。其中前者可以使一段代码在指定时间后运行;而后者则可以使一段代码每过指定时间就运行一次。它们的原型如下:
window.setTimeout(expression,milliseconds);
window.setInterval(expression,milliseconds);
1.window.setTimeout方法 该方法可以延时执行一个函数,例如:
这段代码将使得页面打开5秒钟后显示对话框“hello”。其中最后一句也可以写为:
window.setTimeout("hello()",1000);
读者可以体会它们的差别,在window.setInterval方法中也有这样的性质。
如果在延时期限到达之前取消延执行,可以使用window.clearTimeout(timeoutId)方法,该方法接收一个id,表示一个定时器。这个id是由setTimeout方法返回的,例如:
这样,如果要取消显示,只需单击页面任何一部分,就执行了window.clearTimeout方法,使得超时操作被取消。
2.window.setInterval方法
该方法使得一个函数每隔固定时间被调用一次,是一个很常用的方法。如果想要取消定时执行,和clearTimeout方法类似,可以调用window.clearInterval方法。clearInterval方法同样接收一个setInterval方法返回的值作为参数。例如:
//定义一个反复执行的调用
var id=window.setInterval("somefunction",10000);
//取消定时执行
window.clearInterval(id);
上面的代码仅用于说明怎样取消一个定时执行。实际上在很多场合都需要用到setInterval方法,下面将设计一个秒表,来介绍setInterval函数的用途:该秒表将包括两个按钮和一个用于显示时间的文本框。当单击开始按钮时开始计时,最小单位为0.01秒,此时再次单击按钮则停止计时,文本框显示经过的时间。另外一个按钮用于将当前时间清零。其实现代码如下:
相关文章
- javascript 基础_JavaScript高级编程
- ASP.NET MVC使用javascript
- JavaScript笔记(19)之JS执行机制
- js 怎么使用正则表达式-JavaScript正则表达式常用技巧
- JavaScript黑科技:隐秘执行
- 26行JavaScript代码 仿async的 并行执行和序列执行函数详解编程语言
- JavaScript学习总结(五)——Javascript中==和===的区别详解编程语言
- JavaScript 的性能优化:加载和执行详解编程语言
- 网页调试:myeclipse修改javascript代码后,执行没有变化呀详解编程语言
- 使用JavaScript在Oracle中执行函数(js执行oracle函数)
- Oracle数据库深度连接JavaScript的突破(js oracle数据库)
- javascript中巧用“闭包”实现程序的暂停执行功能
- JavaScript中的Window窗口对象
- JavaScript模拟下拉菜单代码
- 从JavaScript到JQuery(1)学习小结
- javascript流畅动画实现原理
- JavaScript设计模式富有表现力的Javascript(一)
- Javascript延迟执行实现方法(setTimeout)
- JavaScript执行效率与性能提升方案
- JavaScript实现点击按钮后变灰避免多次重复提交
- javascript代码运行不出来执行错误的可能情况整理
- javascript获取url上某个参数的方法
- javascript阻止scroll事件多次执行的思路及实现
- 利用noesis.Javascript开源组件.Net中执行javascript脚本
- 深入理解javascript中return的作用
- ThinkPHP控制器里javascript代码不能执行的解决方法
- JavaScript中的Truthy和Falsy介绍
- javascript数组输出的两种方式