JavaScript實(shí)現(xiàn)頁(yè)面無(wú)操作倒計(jì)時(shí)退出
項(xiàng)目前端頁(yè)面需要實(shí)現(xiàn),頁(yè)面沒(méi)人操作進(jìn)入倒計(jì)時(shí),以下為前端代碼實(shí)現(xiàn)。
//設(shè)置(倒計(jì)時(shí)功能)開(kāi)關(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();
});
};
//后置操作,解釋?zhuān)涸?秒后(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í)頁(yè)面
- 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)頁(yè)中的JS 執(zhí)行順序
近來(lái)我通過(guò)一些測(cè)試以全面的解析網(wǎng)頁(yè)在各種瀏覽器中的JavaScript代碼的執(zhí)行順序,在這兒做個(gè)記錄。2009-02-02
小程序根據(jù)手機(jī)機(jī)型設(shè)置自定義底部導(dǎo)航距離
這篇文章主要為大家詳細(xì)介紹了小程序根據(jù)手機(jī)機(jī)型設(shè)置自定義底部導(dǎo)航距離,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-06-06
JavaScript canvas實(shí)現(xiàn)雪花隨機(jī)動(dòng)態(tài)飄落
這篇文章主要為大家詳細(xì)介紹了JavaScript canvas實(shí)現(xiàn)雪花隨機(jī)動(dòng)態(tài)飄落,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-02-02
微信小程序視圖控件與bindtap之間的問(wèn)題的解決
這篇文章主要介紹了微信小程序視圖控件與bindtap之間的問(wèn)題的解決,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
JavaScript實(shí)現(xiàn)隨機(jī)數(shù)生成器(去重)
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)隨機(jī)數(shù)生成器,生成不重復(fù)的隨機(jī)數(shù),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-10-10
通過(guò)實(shí)踐編寫(xiě)優(yōu)雅的JavaScript代碼
這篇文章主要介紹了如何通過(guò)實(shí)踐編寫(xiě)優(yōu)雅的JavaScript代碼。文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,下面我們來(lái)學(xué)習(xí)一下吧2019-05-05

