生成函数后的jquery无限循环答案

【问题标题】：jquery infinite loop after function is made生成函数后的jquery无限循环
【发布时间】：2012-06-18 18:09:09
【问题描述】：

我有一个通过淡入淡出来旋转各种广告的功能，但我需要它无限循环，直到有人点击其中一张图片。这是函数

$(document).ready(function() {
    /* thumbnail ads */
    $('#adthumb1').delay(3500).fadeIn(1500).delay(9000).fadeOut(1500);
    $('#adthumb2').fadeIn(0000).delay(3500).fadeOut(1500).delay(2000).fadeIn(1500);
    $('#adthumb3').fadeIn(0000).delay(7000).fadeOut(1500).delay(2000).fadeIn(1500);
    $('#adthumb4').fadeIn(0000).delay(10500).fadeOut(1500).delay(2000).fadeIn(1500);
    /* main ads */
    $('#mainad1').fadeIn(0000).delay(3500).fadeOut(1500);
    $('#mainad2').delay(3500).fadeIn(1500);
    $('#mainad3').delay(7000).fadeIn(1500);
    $('#mainad4').delay(10500).fadeIn(1500);
});

非常感谢任何帮助！

【问题讨论】：

为什么不直接构建一个元素数组，然后使用 .fadeIn() 或 .fadeOut() 的回调来循环它们？
我希望一些动画稍微重叠，据我了解，回调会等待每个动画完成，如果我错了，请纠正我。谢谢！

标签： jquery loops infinite-loop infinite

【解决方案1】：

您可以使用setInterval，捕获intervalID，然后使用clearInterval 取消包含轮播广告的div 上的点击处理程序中的循环。

【讨论】：