自定义Div滑块运行过快,但仅当从另一个浏览器选项卡返回时
Custom Div slider is going too fast, but only when returning from another browser tab
当我查看正在运行的代码时,没有任何问题。但是,一旦我在另一个浏览器选项卡上花了一些时间,然后返回到运行中的代码,时间/速度就太快了。
这是jQuery:
var divId = 1;
var lp = 0;
$(document).ready(function (){
setInterval(function()
{
//<![CDATA[
if(divId < 6)
{
$('.main-banner').animate({ left: lp },400);
$(".first-icon-inner").removeClass("active-icon");
$("#banner-"+divId+" div:first").addClass('active-icon');
divId++;
lp-=550;
}
else
{
lp = 0;
divId=1;
$('.main-banner').animate({ left: lp },400);
$(".first-icon-inner").removeClass("active-icon");
$("#banner-"+divId+" div:first").addClass('active-icon');
}
//]]>
}, 3400);
});
jQuery有一个错误<1.6.3…摘自jQuery 1.6.3发布说明:
当我们在1.6版本中添加支持时,我们对浏览器的requestAnimationFrame API寄予厚望。然而,自那以后,我们收到的投诉量最高的一个是requestAnimationFrame在选项卡不可见时的行为方式。当选项卡是不可见的"堆栈"时启动的所有动画,在选项卡重新聚焦之前不会执行。然后他们都以曲速动画!我们已经取消了对这个API的支持(它对您调用jQuery动画功能的方式没有影响),并计划将其合并到jQuery的未来版本中。
我建议你更新到更新的版本。。。即jQuery=>1.6.3
相关文章:
- 从imgur api的另一个浏览器拖放图像
- 接受从另一个浏览器窗口拖放图像
- 从另一个浏览器访问一个浏览器中的html文档
- 自定义Div滑块运行过快,但仅当从另一个浏览器选项卡返回时
- 如何检测浏览器窗口是否已从另一个浏览器窗口打开
- 我在同一域中并排打开了两个浏览器.我想将一个网格的选定行拖到另一个浏览器.可能吗
- 服务器以 Status=304 响应一个浏览器的 GET 请求,以 200 响应另一个浏览器的 GET 请求
- 您能否检查 Web 应用程序是否已在另一个浏览器选项卡上运行
- jQuery .fadeIn() 覆盖(在另一个浏览器选项卡查看之后)
- PHP-如何从列表视图在另一个浏览器窗口中显示详细记录字段
- 使用Javascript关闭另一个浏览器选项卡
- 通过窗口.当两个浏览器完全独立时,从一个浏览器打开对象到另一个浏览器
- Javascript -在另一个浏览器/页面中滚动底部
- 即使打开另一个浏览器,Iframe也会窃取焦点
- HTML5 -拖拽&将JPEG从一个浏览器放到另一个浏览器
- 是否有可能通过服务器向另一个浏览器发送DOM引用
- 在带有事件的另一个浏览器选项卡中插入jQuery对象
- 在多个浏览器上测试OpenTok flash时,一个浏览器可以正常发布视频,但另一个浏览器显示黑屏
- 在另一个浏览器选项卡中链接并退出
- 如何使用Javascript将内容写入另一个浏览器窗口