项目前端页面需要实现,页面没人操作进入倒计时,以下为前端代码实现。
//设置(倒计时功能)开关
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";
});