0

我在我的网站上创建了一个幻灯片，代码如下：

intervalID_nextSlide = window.setInterval(function () { nextSlide(); }, 5000);

当用户最小化他的浏览器窗口或更改选项卡，然后再次回到我的页面时，幻灯片放映出错（例如它停在错误的位置或非常非常快！）

所以我想通过下面的代码暂停身体模糊的幻灯片放映：

<body onblur='javascript:window.clearInterval(intervalID_nextSlide);'>

现在我怎么能检测到用户回到了我的网页？

它应该是这样的：

<body onfocus='javascript: startSlideShow();'/>
4

1 回答 1

0

我还建议使用 jQuery（如果您已经构建了幻灯片或正在使用第三方插件，我猜您已经包含了它）和不显眼的事件处理程序。

window.intervalID_nextSlide = window.setInterval(function () { 
    nextSlide(); 
}, 5000);

$(window).on('blur', function () {
    window.clearInterval(intervalID_nextSlide);
}).on('focus', function () {
    startSlideShow();
});
于 2013-09-10T04:41:47.253 回答