Question

我开始研究一个运行三个图像的简单滑块的jQuery代码，它一个接一个地显示和隐藏它们，并且应该无限期地重复这个过程。

这是代码：

$(document).ready(function () {
    function start_slider() {

        $('#slider_img_1').animate({
            top: '-=495'
        }, 1000).delay(4000).animate({
            top: '+=495'
        }, 1000);
        $('#slider_img_2').delay(6000).animate({
            top: '-=495'
        }, 1000).delay(4000).animate({
            top: '+=495'
        }, 1000);
        $('#slider_img_3').delay(12000).animate({
            top: '-=495'
        }, 1000).delay(4000).animate({
            top: '+=495'
        }, 1000);
        setTimeout(function () {
            start_slider();
        }, 18000);
    }
    start_slider();
});

现在据我所知，它将第一张图片设为1秒，将其保持4秒，然后将其设置为1秒。其他2也一样。数学适合吗？它总共持续18秒，然后再次开始。

问题： 它可能完美地工作3-5分钟，然后我看到两个重叠一次的图像。 10分钟后，开始更频繁地重叠并随着时间的推移缓慢增加。

可能是什么问题？（注意：firefox和chrome中的错误相同）

jquery延迟/动画在一段时间后重叠开始窃听

0 个答案: