シャッフル機能でclearIntervalが機能しない

Question

私が作成したトグルボタンからclearInterval関数が機能しません。

$('button.shuffle').click(function() { 
    if(isShuffling) { 
    clearInterval(discoLights); 
    isShuffling = false; 
    console.log('stop shuffling') 
    } else { 
    disco = setInterval(discoLights ,3000); 
    isShuffling = true; 
    console.log('start shuffling') 
    } 
}); 

私はこの種の質問が何度も尋ねられていることを認識しています。私はSOの中でそれについて多くの研究をしました、そして、私は私の問題に解決策を見つけることができませんでした。

は、ここで私が取り組んでされているコードのJSFiddleです：https://jsfiddle.net/coolwebs/zLgsdno7/7/

私はいくつかの機会にコードを並べ替え試してみましたが、何も作業していません。私は前に、ページの読み込み（ボタンで設定されていない）上のsetIntervalとてclearIntervalを使用していると私は前に問題...

Answer 1

使用

clearInterval(disco); 

代わりのclearIntervalとして

clearInterval(discoLights); 

を持っていませんでしたidが返され、返されるのはsetInterval

Answer 2

問題はclearInterval()です。

それは代わりに

clearInterval(dicoLights)のclearInterval(disco)でなければなりません。

clearInterval