JavaScript定时器类型总结 目录 1.setInterval() 2.setTimeout() 1.setInterval() 按照指定的周期(以毫秒计)来调用函数. 方法会不停地调用函数,直到调用clearInterval() 或窗口被关闭. 语法: setInterval(code,millisec,[arg1, arg2, ...]) 参数 描述 code 必需.要执行的代码串. mi
目录
- 1.setInterval()
- 2.setTimeout()
1.setInterval()
按照指定的周期(以毫秒计)来调用函数。
方法会不停地调用函数,直到调用clearInterval()
或窗口被关闭。
语法:
setInterval(code,millisec,[arg1, arg2, ...])
参数 | 描述 |
---|---|
code | 必需。要执行的代码串。 |
millisec | 必须。时间间隔,以毫秒计。 |
arg1, arg2, … | 可选。当定时器过期的时候,将被传递给func指定函数的附加参数 |
2.setTimeout()
在指定的毫秒数后调用函数。
语法:
setTimeout(code,millisec,[arg1, arg2, ...]);//参数作用同上
最后代码演示:
//1.可以箭头函数直接写
setTimeout(()=>{
this.isSkeleton=false;
},2000)
//2.可以返回一个值然后调用clearTimeout()取消定时器;
let a = setTimeout(()=>{
alert('弹出');
},5000);
function b() {
window.clearTimeout(a); //5秒后出弹框,调用b函数可以直接取消弹出
}
返回值:
返回值intervalID
是一个非零数值,用来标识通过setInterval()
创建的计时器,这个值可以用来作为clearInterval()
的参数来清除对应的计时器 。 注意的是,setInterval()
和setTimeout()
共享同一个ID池,所以避免混用;
最后科普下知识面:
JS 对象可以使用两种方式获得,一是开发人员自定义;二是由 ECMAScript
提供。由 ECMAScript
提供的对象称为 JavaScript
内置对象。
定时器属于window
对象提供的,定时器前面也可以加window
调用的
到此这篇关于JavaScript定时器类型总结的文章就介绍到这了,更多相关JavaScript定时器类型内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!
本文标题为:JavaScript定时器类型总结
基础教程推荐
- Vue+WebSocket实现在线聊天 2023-10-08
- vue的 Mixins (混入) 2023-10-08
- ECSHOP中实现ajax弹窗登录功能 2023-01-31
- 关于 css:WebKit (iPad) CSS3: 背景过渡闪烁 2022-09-21
- 分页技术原理与实现之无刷新的Ajax分页技术(三) 2023-01-20
- ExtJS 3.x DateField menuListeners 显示/隐藏 2022-09-15
- 解决ajax的delete、put方法接收不到参数的问题方法 2023-02-23
- 基于bootstrap的上传插件fileinput实现ajax异步上传功能(支持多文件上传预览拖拽) 2023-02-01
- 深入浅析Jsonp解决ajax跨域问题 2022-12-28
- 第7天:CSS入门 2022-11-04