图像的setInterval（）函数

闪烁我已经作出了转盘和使用javascript setInterval()功能用于与传送带固定间隔旋转图像。下面是我用了图像的setInterval（）函数

var timeOut = 4000; 

function showSlide() { 
     //....script for showing image 
} 

function pauseSlide() { 

    setInterval(function(){showSlide();}, timeOut); 

} 

jQuery(document).ready(function() { 
     pauseSlide(); 
});

脚本现在的问题是，当我有再次改变浏览器选项卡，几分钟后，旋转木马的浏览器，我看到传送带运行得更快，而不是默认的时间间隔是什么，图像会快速改变设定0时间间隔。请帮我解决这个问题。

来源

2012-09-04 nilesh1006

获取我们的工作小提琴，并接受了一些答案。 – Shmiddty

这听起来像是你开始越来越多的间隔。你是从别的地方调用'pauseSlide'吗？ – Guffa

不只是在文件准备 – nilesh1006

据我所知在Firefox和Chrome浏览器的新版本，后台标签页都setTimeout和setInterval的钳位至1000毫秒，以提高性能。所以我认为你的问题可能与此有关。

也许这将帮助：How can I make setInterval also work when a tab is inactive in Chrome?

来源

2012-09-04 15:07:03

thnx你让我的一天 – nilesh1006

你必须摆脱第一区间的开始另一个之前，或者你开始一个以上的间隔同时工作（即为什么你开始看到它去“更快”）

做这个

var timeOut = 4000; 
var interval = 0; 

function showSlide() { 
     //....script for showing image 
} 

function pauseSlide() { 

    clearInterval(interval); 
    interval = setInterval(function(){showSlide();}, timeOut); 

} 

jQuery(document).ready(function() { 
    //NOW you can do multiple pauseSlide() calls 
    pauseSlide(); 
    pauseSlide(); 
    pauseSlide(); 
    pauseSlide(); 
    pauseSlide(); 
});

来源

2012-09-04 15:06:18 sajawikio

这就是我要说的！我会+1它:) –

@ComputerArts thx！ – sajawikio

图像变化比预期的可能表明你有一个以上的呼叫pauseSlide（），以这种或那种方式更快。

是document ready调用该函数的唯一的地方？ showslide或任何地方的任何代码触发文档准备事件？如果您将alert()放入pauseSlide()，它会不止弹出一次？

来源

2012-09-04 15:08:28 Pandaiolo

图像的setInterval（）函数

回答

相关问题