重置轮播定时器间隔答案

【问题标题】：Reset Timer Interval of Carousel重置轮播定时器间隔
【发布时间】：2013-08-01 07:06:47
【问题描述】：

我正在使用引导程序的轮播。你可以在这里看到实现： http://jdattorneyatlaw.com/newTimesPost

问题是当有人点击轮播的导航箭头之一时，间隔计时器不会重置。因此，如果您单击返回，您可能会立即返回到刚才查看的图像。

非常感谢任何有关如何解决此问题的说明。

感谢大家的帮助。

【问题讨论】：

从代码中：setInterval 调用 slide('next') 点击下一个按钮也会调用这个函数。 slide() 调用 cycle() 来重置计时器。所以我认为计时器应该默认重置。
不幸的是，情况似乎并非如此。有什么建议吗？

标签： css twitter-bootstrap carousel

【解决方案1】：

您使用的是 TB2 还是 TB3。对于 TB2，您可以尝试在每次下一次/上一次点击时重置为计时器：

$.fn.carousel.Constructor.prototype.next = function () {
    if (this.sliding) return
    if (this.interval) clearInterval(this.interval);
    return this.slide('next')
  }

$.fn.carousel.Constructor.prototype.prev = function () {
    if (this.sliding) return
    if (this.interval) clearInterval(this.interval);
    return this.slide('prev')
  }

$('#myCarousel').carousel({interval:2000});

【讨论】：