javascript - 我如何在 jQuery 的函数之外调用 clearInterval？在 setInterval 之外

Question

    function iPadMovie(id) {
    $(function () {
        var i = 1;
        var interval = setInterval(function () {
            jQuery('.animationMax img').attr({
                src: 'http://jdsports.scene7.com/is/image/JDSports/127932jd' + ('0' + i).slice(-2) + '?hei=255&wid=427&resmode=sharp&op_usm=1.1,0.5,0,0&defaultImage=JDSports/sizeImageMissing'
            });
            i++;
            if (i === 28) i = 1;
        }, 100);
    });
}

function playIpad(){
    iPadMovie();
}


function stopIpad(){
    clearInterval = interval;
}

你可以在这里看到 fiddle :http://jsfiddle.net/Vv2u3/15/如果他们按下播放键，我希望能够停止电影并重新开始。我当然可以在方法之外使用 clearInterval 吗？

Answer 1

这是例子 link .

var interval;

function iPadMovie(id) {
    $(function () {
        var i = 1;
        interval = setInterval(function () {
            jQuery('.animationMax img').attr({
                src: 'http://jdsports.scene7.com/is/image/JDSports/127932jd' + ('0' + i).slice(-2) + '?hei=255&wid=427&resmode=sharp&op_usm=1.1,0.5,0,0&defaultImage=JDSports/sizeImageMissing'
            });
            i++;
            if (i === 28) i = 1;
        }, 100);
    });
}

function playIpad(){
    iPadMovie();
}

这里稍微解释一下。首先，您的间隔变量(它是 setInterval 返回的回调函数的实际处理程序)在 iPadMovie() 函数之外不可见，因此应在此函数之外声明间隔变量。其次，您应该在 stopIpad() 函数内调用 clearInterval(handler) 函数。更多资料可引用here .

function stopIpad(){
    clearInterval(interval);
}