点滅イベントを停止

Question

私が必要なものは：

ボタンをクリックして点滅イベントを停止します。

これは私がやろうとしている方法です：

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

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

とDOSが動作しない、私は何が欠けていますか？

Working example

ありがとう！

Answer 1

すべてを行う必要がある：

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

をてclearInterval後：

blink_flag = setInterval(blink, 800); 

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

私が追加することをお勧めしたいです。

Answer 2

私はあなたが間違った方法で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. 
}); 

詳細はlinkをご確認ください。

おそらく、このdemoで試すことができます。

Answer 3

clearIntervalをこの機能で使用しようとしています。これは、clearIntervalがインターバルの一意のIDをパラメータとして取るためには機能しません。このパラメータはsetInterval関数によって返されます。一意のIDを変数に格納してそれをclearIntervalに渡すと、正常に動作します。これを試してみてください：

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

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

MDN

Demo

Answer 4

あなたはあなたが実際に変数に間隔を保存し、その変数でてclearIntervalを呼び出す必要がありながら、点滅の切り替え機能を停止しようとしている、としててclearIntervalは、setIntervalオブジェクトのインスタンスがパラメータとして期待されます。https://developer.mozilla.org/en/DOM/window.clearTimeout

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); 
});