javascript - setIntervalはclearIntervalで停止しません

Question

簡単な再生と写真スライダーの一時停止を試みていますが、setIntervalが機能しません。誰もが私が間違っていることを確認できます。

一時停止をクリックすると停止します。

$('.control').click(function() {
    var data = $(this).attr('data-id');
    var interval;

    switch (data){
        case 'play':
            console.log('play');
            interval = setInterval(slide, 2000);
            break;
        case 'pause':
            console.log('pause');
            clearInterval(interval)
            break;
        default : console.log('nothing');
    }

Answer 1

変数intervalは関数内で宣言され、関数が終了すると消えます。次回関数が呼び出されたときは値がないため、clearIntervalが渡されていundefinedます。関数の外で宣言intervalすると、機能するはずです。