重置轮播的计时器间隔

Question

我正在使用bootstrap的旋转木马。你可以在这里看到实现： http://jdattorneyatlaw.com/newTimesPost

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

任何有关如何解决此问题的说明都将非常受欢迎。

谢谢大家的帮助。

Answer 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});