html倒计时自动关闭,JavaScript实现页面无操作倒计时退出

项目前端页面需要实现，页面没人操作进入倒计时，以下为前端代码实现。

//设置(倒计时功能)开关

var _mouseActiveListener_flag = true;

beforecount：触发倒计时间隔(单位：毫秒)

count：倒计时总数(单位：秒)

var mouseActiveListener = function (beforecount, count, callback) {

//config

var __countdown_html = '

//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";

});

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。