JavaScript實(shí)現(xiàn)頁面無操作倒計(jì)時(shí)退出
項(xiàng)目前端頁面需要實(shí)現(xiàn),頁面沒人操作進(jìn)入倒計(jì)時(shí),以下為前端代碼實(shí)現(xiàn)。
//設(shè)置(倒計(jì)時(shí)功能)開關(guān) var _mouseActiveListener_flag = true;
beforecount:觸發(fā)倒計(jì)時(shí)間隔(單位:毫秒)
count:倒計(jì)時(shí)總數(shù)(單位:秒)
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)不操作的狀態(tài)下觸發(fā)倒計(jì)時(shí),倒計(jì)時(shí)180秒,具體看View Code里面的函數(shù)。
mouseActiveListener(5000, 180, function () {
window.location.href = "/Home/Index";
});
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- 原生js實(shí)現(xiàn)倒計(jì)時(shí)功能(多種格式調(diào)用)
- JS實(shí)現(xiàn)倒計(jì)時(shí)(天數(shù)、時(shí)、分、秒)
- PHP+JS實(shí)現(xiàn)的商品秒殺倒計(jì)時(shí)用法示例
- js實(shí)現(xiàn)倒計(jì)時(shí)及時(shí)間對(duì)象
- JS實(shí)現(xiàn)用戶注冊(cè)時(shí)獲取短信驗(yàn)證碼和倒計(jì)時(shí)功能
- js制作支付倒計(jì)時(shí)頁面
- JS實(shí)現(xiàn)表單驗(yàn)證功能(驗(yàn)證手機(jī)號(hào)是否存在,驗(yàn)證碼倒計(jì)時(shí))
- 最全面的JS倒計(jì)時(shí)代碼
- js發(fā)送短信倒計(jì)時(shí)的簡(jiǎn)單實(shí)現(xiàn)方法
- js實(shí)現(xiàn)精確到毫秒的倒計(jì)時(shí)效果
- 原生js實(shí)現(xiàn)節(jié)日時(shí)間倒計(jì)時(shí)功能
相關(guān)文章
javascript在網(wǎng)頁中實(shí)現(xiàn)讀取剪貼板粘貼截圖功能
這篇文章主要介紹了在網(wǎng)頁中實(shí)現(xiàn)讀取剪貼板粘貼截圖功能,即可以把剪貼板的截圖Ctrl+V粘貼到網(wǎng)頁的一個(gè)輸入框中,例如QQ截圖、旺旺截圖或者其它截圖軟件,需要的朋友可以參考下2014-06-06
通過實(shí)例理解javascript中沒有函數(shù)重載的概念
這篇文章主要介紹了通過實(shí)例理解javascript中沒有函數(shù)重載的概念,十分的簡(jiǎn)單易懂,需要的朋友可以參考下2015-06-06
Bootstrap實(shí)現(xiàn)漸變頂部固定自適應(yīng)導(dǎo)航欄
這篇文章給大家介紹了Bootstrap實(shí)現(xiàn)漸變頂部固定自適應(yīng)導(dǎo)航欄,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-01-01
用Javascript判斷圖片是否存在,不存在則顯示默認(rèn)圖片的代碼
用Javascript判斷圖片是否存在,不存在則顯示默認(rèn)圖片的代碼,需要的朋友可以參考下。2007-03-03
關(guān)于javascript中偽數(shù)組和真數(shù)組的一些小秘密
在javascript中,偽數(shù)組又稱類數(shù)組,是一個(gè)類似數(shù)組的對(duì)象,是一種按照索引存儲(chǔ)數(shù)據(jù)且具有l(wèi)ength屬性的對(duì)象,下面這篇文章主要給大家介紹了關(guān)于javascript中偽數(shù)組和真數(shù)組的一些小秘密,需要的朋友可以參考下2022-08-08
ECMAScript中var let const常見問題及區(qū)別詳解
這篇文章主要為大家介紹了ECMAScript中var let const常見問題及區(qū)別詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-02-02

