本文主要是介绍Bom的定时器与延时器,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
setInterval
setInterval 设置一个定时器 当开启这个定时器之后,会每间隔一段时间 循环执行一次代码
第一个参数是函数 第二个参数是间隔的时间数字 毫秒值为单位
以下代码的执行效果是开始的时候将第一个函数参数 交给window 并让window开始计时,当时间到了1s之后,才开始执行函数参数;计时时长是第二个参数
当第二个参数到了时间 window会将这个函数重新交给JS 此时JS会执行 这个过程无限循环
// setInterval(function() {// var date = new Date();// var dateStr = formatChineseDate(date);// document.body.innerHTML = dateStr;// }, 1000);
对于innerHTML的话就是在页面中插入元素或者是文字信息;每次插入的时候都会改变上一次插入的数据;不会都打印到页面上;
对于返回值
// 定时器和延时器的返回值是一个数字 代表着这个定时器和延时器的序号 浏览器可以根据它们关闭对应的定时器和延时器// var timer = setInterval(function() {// console.log("我是第一个定时器");// }, 1000);// console.log(timer);// var timer1 = setInterval(function() {// console.log("我是第二个定时器");// }, 1000);// console.log(timer1);// var timer2 = setInterval(function() {// console.log("我是第三个定时器");// }, 1000);// console.log(timer2);// var timer3 = setInterval(function() {// console.log("我是第四个定时器");// }, 1000);// console.log(timer3);
关闭计时器
// 关闭// clearInterval(timer);// clearInterval(timer1);// clearInterval(timer2);// clearInterval(timer3);
setTimeout
setTimeout 设置一个延时器 设置一个函数 设置一个时间 当时间到了以后 执行函数 就此结束
// setTimeout(function() {// console.log(1);// }, 1000);
// 关闭延时器// var timer = setTimeout(function() {// console.log("我是延时器");// }, 1000);// clearTimeout(timer);// 备注:clearInterval和clearTimeout是可以混着使用的 但是推荐不要混着用
这篇关于Bom的定时器与延时器的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!