javascript - 如何停止这个 jquery setInterval 函数

标签 javascript jquery

我有一个计时器函数,当它低于 1 分钟时,调用此函数来闪烁某些文本。 (基于这个 jsfiddle:http://jsfiddle.net/8yned9f9/5/)

$(document).ready(function(){
                setInterval(function(){
                    $('.flash').toggleClass('active');
                }, 500);
            });

分钟到期后,我需要停止切换类(class)并关闭 .active。我不确定该怎么做。

请记住,有一个 js window.setInterval 计时器必须继续运行,只有 jquery 调用应该停止。

更新

根据这里的一些答案,我添加了一个变量,这样我就可以调用 clearInterval(flash)

flash = setInterval(function(){
                            $('.flash').toggleClass('active');
                        }, 500);

就停止触发间隔而言,这是有效的。但它停止在错误的状态。有没有办法在停止间隔后删除 .active 类?

更新 2,解决了通过快速搜索删除类的问题。

document.getElementById("seconds").classList.remove("active");

最佳答案

您需要将您的间隔分配给一个变量,并使用该变量通过 clearInterval 停止它

var variable = setInterval(examplefunction, 10000);

clearInterval(variable);

编辑:

要删除类,您需要这样做:

$("yourelement").removeClass( ".active" );

关于javascript - 如何停止这个 jquery setInterval 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42893511/

相关文章:

javascript - AngularJS: View 完全加载后的 DOM 操作

javascript - 使用 JS 将页面中的每个字母设置为随机颜色。为什么在页面的每个开始标签之前总是有一组额外的 span 标签?

javascript - 单击链接时如何防止此下拉菜单关闭?

JQuery Colorbox 在 IE8 中不会关闭

javascript - jQuery 选择器 - 输入字段

javascript - 根据视口(viewport)宽度动态调整图像高度

javascript - 为什么我不能检查环境变量是否未定义?

javascript - 使用 javascript 获取 DotNetNuke 中的当前用户名

javascript - CSS3 过渡向下/向上滑动

javascript - 从php页面获取JSON数据