javaScript系列---【定时器】
2021-06-07 21:03
标签:function art mod 返回 传递 示例 代码 哈哈 个数 代码示例: 代码示例: 定时器的返回值是一个数值,并且这个数值是唯一的(标识当前是那个定时器) javaScript系列---【定时器】 标签:function art mod 返回 传递 示例 代码 哈哈 个数 原文地址:https://www.cnblogs.com/chenhaiyun/p/14550639.html定时器
定时器的分类
1.1延迟定时器(一次性定时器)
延迟定时器:多长时间之后去执行一次,例如:广告弹出
语法:setTimeout(callBack,time);
//参数:callBack:函数 ->可以传递实名函数也可以传递匿名函数
time:毫秒值 单位(ms) 省略单位
// console.log(setTimeout);
function print() {
console.log("哈哈~~~");
}
// 传递的实名函数
window.setTimeout(print, 3000);
// 传递匿名函数
setTimeout(function () {
console.log("呵呵~~~");
}, 2000);
1.2轮循定时器(重复定时器)
轮循定时器:没隔多长时间执行一次 例如:轮播图
语法:setInterval(callBack,time);
//参数:callBack:函数 ->可以传递实名函数也可以传递匿名函数
time:毫秒值 单位(ms) 省略单位
// 传递实名函数
function print(){
console.log("我是轮循定时器~~~");
}
setInterval(print,1000);
// 匿名函数
window.setInterval(function(){
console.log("哈哈");
},2000);
2.定时器的返回值
//timer1是定时器的返回值,标识当前是那个定时器
var timer1 = setTimeout(function(){
console.log("哈哈");
},1000);
3.清除定时器
3.1清除延迟定时器
clearTimeout(timeId);
//timeId:当前定时器的返回值
3.2清除轮循定时器
clearInterval(timeId);
//timeId:当前定时器的返回值