javascript - 我不明白clearInterval()

Question

我有 JSON 数组的播放和跳过按钮，工作正常:

jQuery:

$(function() {
    // Fetch the initial image
    fetchImage(index);

    // Event listeners
    $("#play").click(function() { fetchImage(next); setInterval(function() { fetchImage(next); }, 1000); return false;});
    $("#stop").click(function() { clearInterval(xxx); return false;});
    $("#prev").click(function() { fetchImage(prev); return false;});
    $("#next").click(function() { fetchImage(next); return false;});
});

xxx 最好是我读取的变量。 setInterval() 返回一个值。我读过几个例子。我没有成功。

测试页:http://flamencopeko.net/icons_cogo_16.php

JSON 事物:http://flamencopeko.net/icons_ajax.php

来源:http://flamencopeko.net/icons_cogo_16.txt

来源:http://flamencopeko.net/icons_ajax.txt

Answer 1

您必须先命名您的间隔才能清除它。这是我将对您的代码执行的操作:

    var newInterval;
    // Event listeners
    $("#play").click(function() { 
        fetchImage(next); 
        newInterval = setInterval(function() { 
            fetchImage(next); 
        }, 1000); 
        return false;
    });

    $("#stop").click(function() { 
        clearInterval(newInterval); 
        return false;
    });