在setInterval调用之后,JQuery切换停止工作

时间:2015-05-09 10:31:02

标签: javascript jquery

我使用setInterval编写简单的幻灯片,我也有2个jQuery函数用于切换div。代码似乎有效,但存在小问题。当我导航到网站切换div部分工作完美。但是当第一次滑动更改切换功能停止工作时。

$(document).ready(function () {
    var ImageCount = 1;
    var ImageTotal = 3;

    setInterval(function SlideAuto() {
        if (ImageCount == 1) {
            ImageCount = ImageCount + 1;
        } else {
            if (ImageCount < ImageTotal) {
                ImageCount = ImageCount + 1;
            } else {
                if (ImageCount == ImageTotal) {
                    ImageCount = 1;
                }
            }
        }

        var ImageURL = 'img/SliderIMG/' + ImageCount + '.jpg';
        $("#SliderIMG").attr('src', ImageURL);
    }, 3000);

    $("#tab1").click(function () {
        $("#con1").toggle("fade");
        $("#con2").toggle("fade");
    });

    $("#tab2").click(function () {
        $("#con1").toggle("fade");
        $("#con2").toggle("fade");
    });
});

0 个答案:

没有答案