JS定时器->定时器越点越快问题

最新推荐文章于 2024-01-25 18:18:17 发布

弱水三千、先干为敬

最新推荐文章于 2024-01-25 18:18:17 发布

阅读量896

点赞数

CC 4.0 BY-SA版权

分类专栏： JS 文章标签： JS 定时器

本文链接：https://blog.csdn.net/weixin_44784673/article/details/102843575

JS 专栏收录该内容

2 篇文章

订阅专栏

1.JS定时器

需求描述：

用一个按钮去触发定时器，那么多次点击这个定时器会越来越快，这是为何？

解决方案：

每执行一次定时器，都需要清空

$('button:first').click(function(){
   
    var timerId = setInterval(function(){
        alert("run");
    }, 3000);
    
    
    // 清空原来的定时器
    // 记录新的定时器
    clearInterval($(this).attr('data-timer-id'));
    $(this).attr('data-timer-id', timerId);
});