4

所以我正在尝试创建一个小型个人使用的 jQuery 插件。我已经完成了函数，但是 setInterval() 函数由于某种原因触发了两次，我似乎不知道为什么。起初它似乎没有触发两次，但我通过测试（在间隔的每个触发器上添加一个警报）知道它触发了两次，在这里的例子中你可以看到它逐渐变得越来越快（大约 2分钟它会非常快）这是它发射两次的结果。

有人可以帮我解决这个问题吗？

Javascript代码：

(function( $ ) {

  $.fn.imageSwap = function(img) {
  var src = this.attr("src");
  var id = this;
  id.fadeToggle("fast", function(){
  id.attr("src", img);
  id.fadeToggle("fast");
  });
  return this;
  };

 })( jQuery );



(function( $ ) {

  $.fn.slideShow = function(array, time) {
  var i = -1;
  var num = array.length;
  var id=this;

  var interval = setInterval(function(){
  i++
  if(i>(num)-1){i=0}
  id.imageSwap(array[i]);
  },time);

  };

页面代码：

<script>

$("#slideshow").slideShow([
"http://www.rta.nsw.gov.au/licensing/images/dkt_faqs/number1.gif",
"http://www.rta.nsw.gov.au/licensing/images/dkt_faqs/number2.gif",
"http://www.rta.nsw.gov.au/licensing/images/dkt_faqs/number3.gif",
"http://www.rta.nsw.gov.au/licensing/images/dkt_faqs/number4.gif"
], 1000);

</script>

<img id="slideshow" src=""/>
4

1 回答 1

2

我在这里缩小了问题范围，并注意到它只在我切换标签时发生。所以，一些搜索揭示了一些事情。

按照设计，Chrome 似乎会叠加setInterval调用。因此，当您返回非活动选项卡时，它恰好连续运行它们。

您可以在 SO 中的其他相关问题中看到一些解决方法：

于 2013-01-06T16:15:37.747 回答