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 ，它应该可以工作。