停止在设置变量号处交换img src

Question

快速且可能简单的jQuery / JS问题。 我正在循环交换图像src。图像文件都使用数字作为文件命名约定。我试图循环到数字9然后再次开始循环0。 这是我的javascript代码：

    var i = 0;

    setInterval(function(){
    $('#loop').attr('src', 'http://wx.wpri.com/weather/radar/Radar_Loop_WEB300_00'+ (++i) + '.jpg');
}, 500);

思想？

Answer 1

使用模数运算符，或重置它：

setInterval(function(){
    i++;
    if (i == 10) { i = 0; }
    $('#loop').attr('src',
        'http://wx.wpri.com/weather/radar/Radar_Loop_WEB300_00'+ i + '.jpg');
}, 500);

或者：

 setInterval(function(){
    i = (i + 1) % 10;
    $('#loop').attr('src',
        'http://wx.wpri.com/weather/radar/Radar_Loop_WEB300_00'+ i + '.jpg');
}, 500);