使用设置间隔更改背景图像

时间:2011-10-12 01:48:58

标签: jquery

我有以下功能可以更改4个类的背景图像,因此一个背景变绿,然后另一个变成加载条:

clearInterval(start);
var i = 0;
function boxes() {

    in_loading = ".in_loading:eq("  + i + ")";

    $(".in_loading").css("background", "url(images/load_bar_green.png)  no-repeat");    
    $(in_loading).css("background", "url(images/load_bar_blue.png)  no-repeat");        

    if(i == 3) {
        i = 0;
    } else {
        i++;
    }

}
var start = setInterval(function() {
    boxes();
}, 350);

当我一直点击提交按钮时,“闪烁”会改变,就好像它们是2个或更多功能一次进行。我已经尝试过使用remove()和display(),但我认为我需要的是延迟函数的启动并“清除”函数,这样多次点击就不会搞砸了!

干杯 萨姆

1 个答案:

答案 0 :(得分:1)

您需要在提交按钮的点击处理程序中调用clearInterval。它的方式,从未清除间隔(除非需要它)