Question

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

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

当用户最小化浏览器窗口或更改标签，然后再次返回我的页面时，幻灯片显示出错（例如它停在不良位置或非常快！）

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

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

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

应该是这样的：

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

Answer 1

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

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

$(window).on('blur', function () {
    window.clearInterval(intervalID_nextSlide);
}).on('focus', function () {
    startSlideShow();
});

暂停身体模糊的幻灯片显示并重新启动它

1 个答案: