在我的网站上有一个下载页面。我想在下载页面上让用户等待15秒钟。我想在下载按钮出现之前增加15秒的计时器。这意味着当用户单击浏览器中的另一个选项卡或最小化浏览器时,计时器应停止。
我的问题是如何检测用户是否一直在网页上观看,这意味着浏览器没有最小化并且该选项卡没有处于活动状态。如何在Windows中执行此任务javascript
。
这里是一个现成的js
(function() {
var hidden, visibilityChange;
if (typeof document.hidden !== "undefined") {
hidden = "hidden";
visibilityChange = "visibilitychange";
} else if (typeof document.mozHidden !== "undefined") {
hidden = "mozHidden";
visibilityChange = "mozvisibilitychange";
} else if (typeof document.msHidden !== "undefined") {
hidden = "msHidden";
visibilityChange = "msvisibilitychange";
} else if (typeof document.webkitHidden !== "undefined") {
hidden = "webkitHidden";
visibilityChange = "webkitvisibilitychange";
}
// If the page is hidden, pause the countdown;
// if the page is shown, resume the countdown
function handleVisibilityChange() {
if (document[hidden]) {
//pause your countdown
} else {
//resume your countdown
}
}
// Warn if the browser doesn't support addEventListener or the Page Visibility API
if (typeof document.addEventListener === "undefined" ||
typeof document[hidden] === "undefined") {} else {
// Handle page visibility change
document.addEventListener(visibilityChange, handleVisibilityChange, false);
}
})();
希望这可以帮到你!:)
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句