BOM中window对象的方法之计时器

简介: BOM中window对象的方法之计时器前面讲到了window对象的弹窗方法,现在来讲一下计时器方法。 // setInterval(function(){},time,参数,参数) 按照指定的周期(以毫秒计)来调用函数或计算表达式。 var i=0; var timer=setInterval(function(){ i++; console.log(i); }, 1000); // clearInterval(定时器的名称) 取消由 setInterval() 设置的 timeout。 document.

BOM中window对象的方法之计时器




前面讲到了window对象的弹窗方法,现在来讲一下计时器方法。


// setInterval(function(){},time,参数,参数) 按照指定的周期(以毫秒计)来调用函数或计算表达式。
    var i=0;
    var timer=setInterval(function(){
        i++;
        console.log(i);
    }, 1000);
    // clearInterval(定时器的名称)  取消由 setInterval() 设置的 timeout。
    document.onclick=function(){
        clearInterval(timer);
        clearTimeout(timer2);
    }
    // setTimeout(function(){},time)  在指定的毫秒数后调用函数或计算表达式。   延迟计时器   只执行一次
    var timer2=setTimeout(function(){
        alert("延迟计时器");
    },5000)
    // clearTimeout() 取消由 setTimeout() 方法设置的 timeout。

视频讲解链接:
https://www.bilibili.com/video/BV1FA411B7gv/

相关文章
|
6月前
|
JavaScript 前端开发
JavaScript如何设置定时器,怎么清除定时器
JavaScript如何设置定时器,怎么清除定时器
170 3
|
XML JavaScript API
DOM,BOM,window的区别
DOM,BOM,window的区别
|
JavaScript 前端开发
JavaScript窗口(window)对象介绍
JavaScript窗口(window)对象介绍
114 0
|
JavaScript 前端开发
|
JavaScript 前端开发
|
JavaScript 前端开发 UED
|
JavaScript
|
JavaScript 前端开发 内存技术
【JavaScript-BOM】window常见事件,灵活运用定时器
【JavaScript-BOM】window常见事件,灵活运用定时器
137 0
【JavaScript-BOM】window常见事件,灵活运用定时器
|
JavaScript 前端开发
BOM中window对象的其他方法
BOM中window对象的其他方法 前两篇博客一直在讲window对象的方法,现在将剩下的其他方法以此进行讲解。 HTML代码: <button>open()</button> <button>close()</button> <button>focus()</button> <button>print()</button> <br> <button>resizeTo()</button> <button>resizeBy()</button> <button>moveTo()</button> <button>mo