单击时重置 setinterval

我写了这个简单的轮播。目前我正在使用 setInterval 以一定的时间间隔运行我的 nextSlide 函数。我想在用户单击导航链接一段时间后推迟计时器的运行。

在这里查看http://jsbin.com/uzixi3/3/edit http://jsbin.com/uzixi3/3/edit

关于其余部分如何编写的任何反馈也很好。

你可以这样做：http://jsbin.com/uzixi3/5/edit http://jsbin.com/uzixi3/5/edit

间隔部分在这里：

var int = setInterval($.fn.nextSlide, 3000);
$("#slideNavigation a").click(function() {
  clearInterval(int);
  setTimeout(function() {
    setInterval($.fn.nextSlide, 3000);
  }, 10000);
});

我还做了一些其他调整，例如你可以使用switch作出声明.nextSlide()更具可读性且更便宜。

总的来说，没有理由将这些函数作为 jjquery 本身的扩展方法，因为它们不与对象交互，它们只能是作用域为闭包的方法，如下所示：http://jsbin.com/uzixi3/6/edit http://jsbin.com/uzixi3/6/edit

如果这些方法实际上运行在$('#slideContainer'), e.g. $('#slideContainer').nextSlide()在你使用的方法中this.animate() and this.css()这可能更有意义，只是一些可以帮助您在工作过程中变得更加灵活的想法。