我是javascript的初学者。我试图实现图像滑块,纯粹使用javascript。为此,我正在使用,
setTimeout(function(){
animateSlider();
}, 5000);
其中animateSlider()是负责滑动动画的函数。 当我在笔记本电脑上使用chrome进行测试时,我发现,如果我最小化浏览器或更改选项卡,使用SetTimeout()完成的所有这些调用都会堆叠,并在我重新打开浏览器选项卡时立即执行。这使得所有待定滑动一起发生。为了避免这种情况,我使用了
window.onblur = function() {wblur = true;}
window.onfocus = function() {wblur = false;}
document.onblur = window.onblur;
document.onfocus = window.onfocus;
并使用wblur标志来决定滑动。 这适用于笔记本电脑上的chrome和firefox,但不适用于移动设备上的chrome和android(Lollipop)浏览器。 onblur和onfocus事件不会在手机中被解雇。 那么,Android移动设备还有什么需要做的吗? 在移动设备上是否还有其他方法可以检查选项卡是否处于非活动状态?