JS中setInterval()的使用以及注意事项

2021-02-12 21:17

阅读：414

YPE html>

标签：java let 内存泄露 click pre timer jquery inter char

定义和用法

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。

setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
用法如下：



菜鸟教程(runoob.com)
显示当前时间:

注意事项

在动态加载的页面中，一定要清理循环定时器。有时候重复设置定时器，严重的时候会导致内存泄露，最终页面崩溃。

回调

回调函数中会包含一些变量或者DOM元素，需要更加小心谨慎，考虑这些元素的释放问题。

存储方案

放在全局变量中，用之前判断，防止重复

var interval = null;//计时器
var i = 0;
function start(){//启动计时器函数
    if(interval!=null){//判断计时器是否为空
        clearInterval(interval);
        interval=null;
    }
    interval = setInterval(overs,1000);//启动计时器，调用overs函数，
}
function overs(){
    i++;
    console.log(i); 
}
    
function stop(){        
    clearInterval(interval);
    interval = null;
}

暂存JQUERY变量中

//这是基于BJUI的框架代码，这个还有其他上下文，不要轻易模仿
$.CurrentNavtab[0].TimerInfo=[];
//存储
$.CurrentNavtab[0].TimerInfo.push(setInterval(overs,1000));
//释放
if (typeof($thisNavtab[0].TimerInfo) != "undefined"){
    for (var i=0;i

JS中setInterval()的使用以及注意事项

标签：java let 内存泄露 click pre timer jquery inter char

原文地址：https://www.cnblogs.com/meiguhuaxian/p/13026872.html

上一篇：[03]HTML基础之行内标签

下一篇：[05]HTML基础之表格标签

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：JS中setInterval()的使用以及注意事项
文章链接：http://soscw.com/index.php/essay/54614.html

亲，登录后才可以留言！

JS中setInterval()的使用以及注意事项

定义和用法

注意事项

回调

存储方案

评论

热门文章

推荐文章

最新文章

置顶文章