JavaScript实现页面无操作倒计时退出
编程学习 2021-07-04 20:01www.dzhlxh.cn编程入门
这篇文章主要为大家详细介绍了JavaScript实现页面无操作倒计时退出,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
项目前端页面需要实现，页面没人操作进入倒计时，以下为前端代码实现。
//设置（倒计时功能）开关 var _mouseActiveListener_flag = true;
beforecount：触发倒计时间隔（单位：毫秒）
count：倒计时总数（单位：秒）
var mouseActiveListener = function (beforecount, count, callback) {
//config
var __countdown_html = '<div id="__tt" style="position:fixed;top:110px;right:10px;z-index:1000;color:#eee;font-size:25px;"></div>';
//define
var target = null, _t = null, _tc = null;
var target_countdown = function (__count) {
if (__count >= 0) {
target.innerHTML = __count + '秒后退出';
_tc = setTimeout(function () {
target_countdown(__count);
}, 1000);
} else {
callback();
}
__count--;
}, _t_exec = function () {
return setTimeout(function () {
if (_mouseActiveListener_flag) {
target = Ne.dom.createEl(__countdown_html);
document.body.appendChild(target);
target_countdown(count);
}
}, beforecount);
}, _t_clear = function () {
clearTimeout(_t);
clearTimeout(_tc);
//target.parentElement.removeChild(target);
$(target).remove();
target = null;
};
//exec
_t = _t_exec();
document.addEventListener('click', function () {
_t_clear();
_t = _t_exec();
});
};
//后置操作，解释：在5秒后（5000）不操作的状态下触发倒计时，倒计时180秒，具体看View Code里面的函数。
mouseActiveListener(5000, 180, function () {
window.location.href = "/Home/Index";
});
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持狼蚁SEO。
上一篇：js中利用cookie实现记住密码功能
下一篇：微信开发 消息推送实现代码