停止眨眼事件

Question

我需要的是：

单击按钮并使闪烁事件停止。

这就是我想做的：

var blink = function(){
    $('#blinker').toggle();
};
setInterval(blink, 800);

$("#stopBlink").click(function(){
   clearInterval(blink); 
});

但不起作用，我错过了什么？

工作示例

谢谢！

Answer 1

您需要做的就是：

blink_flag = setInterval(blink, 800);

$("#stopBlink").click(function(){
   clearInterval(blink_flag); 
});

我建议添加：

$('#blinker').show();

在clearInterval之后。

Answer 2

您正在尝试在该函数上使用 clearInterval 。这是行不通的，因为 clearInterval 将间隔的唯一 ID 作为参数。此参数将由 setInterval 函数返回。如果您将唯一 ID 存储在变量中并将其传递给 clearInterval，它将正常工作。试试这个：

var blink = function(){
    $('#blinker').toggle();
};
var blinkID = setInterval(blink, 800);

$("#stopBlink").click(function(){
   clearInterval(blinkID); 
});

MDN

演示

Answer 3

我认为您使用 clearInterval() 的方式是错误的。 clearInterval() 的参数是由 setInterval() 创建的 ID，您将放置 setInterval() 使用的函数。

var blink = function(){
    $('#blinker').toggle();
};
var glbTimer = setInterval(blink, 800); //declare an ID created by `setInterval()`

$("#stopBlink").click(function(){
   clearInterval(glbTimer); //clear the interval of the ID.
});

查看此链接了解更多信息。

也许您可以尝试使用这个演示。

Answer 4

您试图停止闪烁切换功能，而实际上您应该将间隔保存在变量中并对该变量调用clearInterval，因为 clearInterval 需要 setInterval 对象的实例作为参数： https://developer.mozilla.org/en/DOM/window.clearTimeout< /a>

http://jsfiddle.net/HTRZk/22/：

var blink = setInterval(function(){
    $('#blinker').toggle()}
, 800);

$("#stopBlink").click(function(){
   clearInterval(blink); 
});

另外，您需要确保当闪烁事件停止而文本隐藏时，您会再次显示该项目。在 .click 事件中添加：

$('#blinker').show();

Answer 5

var blink = function(){
    $('#blinker').toggle();
};
var bl = setInterval(blink, 800);

$("#stopBlink").click(function(){
   clearInterval(bl); 
});