最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

JavaScript实现页面无操作倒计时退出

来源:动视网 责编:小采 时间:2020-11-27 20:28:37
文档

JavaScript实现页面无操作倒计时退出

JavaScript实现页面无操作倒计时退出:项目前端页面需要实现,页面没人操作进入倒计时,以下为前端代码实现。//设置(倒计时功能)开关 var _mouseActiveListener_flag = true; beforecount:触发倒计时间隔(单位:毫秒)count:倒计时总数(单位:秒)var mouseActiveListe
推荐度:
导读JavaScript实现页面无操作倒计时退出:项目前端页面需要实现,页面没人操作进入倒计时,以下为前端代码实现。//设置(倒计时功能)开关 var _mouseActiveListener_flag = true; beforecount:触发倒计时间隔(单位:毫秒)count:倒计时总数(单位:秒)var mouseActiveListe


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

//设置(倒计时功能)开关
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";
 });

文档

JavaScript实现页面无操作倒计时退出

JavaScript实现页面无操作倒计时退出:项目前端页面需要实现,页面没人操作进入倒计时,以下为前端代码实现。//设置(倒计时功能)开关 var _mouseActiveListener_flag = true; beforecount:触发倒计时间隔(单位:毫秒)count:倒计时总数(单位:秒)var mouseActiveListe
推荐度:
标签: 退出 操作 页面
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top