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/

相关文章
|
7月前
|
JavaScript 前端开发
JavaScript如何设置定时器,怎么清除定时器
JavaScript如何设置定时器,怎么清除定时器
193 3
|
JavaScript 前端开发
|
JavaScript 前端开发
|
JavaScript 前端开发 UED
|
JavaScript
|
JavaScript 前端开发 内存技术
【JavaScript-BOM】window常见事件,灵活运用定时器
【JavaScript-BOM】window常见事件,灵活运用定时器
173 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
|
JavaScript
BOM中window对象的方法之弹窗
BOM中window对象的方法之弹窗 之前介绍了window对象的属性,接下来说一说window对象的方法。当然方法有好些,这里主要讲一下window对象的弹窗方法。 // alert() 显示带有一段消息和一个确认按钮的警告框。 window.alert("这是是一个警告框"); // confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。 返回值 true false var sure=window.confirm("确认要离开吗?"); console.log(sure); // prompt("提示文本"
|
缓存 JavaScript 前端开发
BOM中window对象的属性
BOM中window对象的属性 这篇博客主要介绍一下BOM中的window对象的属性。 HTML代码: <a href="http://www.baidu.com">百度一下</a> <iframe src="" frameborder="1" id="frame1" name="frame_1"></iframe> <iframe src="" frameborder="1" name="frame_2"></iframe> <iframe src="" frameborder="1" name="frame_3"></iframe> <ifra
|
JavaScript 前端开发 内存技术