JavaScript(1):Js實現web頁面一段時間沒操作,退出或關閉頁面
1. 思路
js設定一個倒計時,當監聽到keydown mousemove mousedown等事件時,重置倒計時。若倒計時為0時,觸發相應事件。
2. 實現
注:需要引入JQuery
<script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
- 核心程式碼段
/* if 5 minutes no operation then logout [email protected] */
var maxTime = 300; // seconds
var time = maxTime;
$('body').on('keydown mousemove mousedown', function(e) {
time = maxTime; // reset
});
var intervalId = setInterval(function() {
time--;
if (time <= 0) {
ShowInvalidLoginMessage();
clearInterval(intervalId);
}
}, 1000 )
function ShowInvalidLoginMessage() {
alert("您已經長時間沒操作了,即將退出系統");
//TODO 做需要做的操作
//exp:關閉頁面
window.close();
}
相關推薦
JavaScript(1):Js實現web頁面一段時間沒操作,退出或關閉頁面
1. 思路 js設定一個倒計時,當監聽到keydown mousemove mousedown等事件時,重置倒計時。若倒計時為0時,觸發相應事件。 2. 實現 注:需要引入JQuery
Mina學習(1):mina實現簡單服務端與客戶端
mina是一個基於javaNio網路通訊應用框架,使用mina可以輕鬆的搭建伺服器,接下來將使用mina搭建一個小型的服務端 原始碼–MinaServer.java package serv
JavaScript自我實現系列(1):instanceof
JavaScript判斷型別的三種方法 typeof instanceof Object.prototype.toString typeof 使用: console.log(typeof 1024) // "number" 特殊情況: // js自身的bug console.lo
Web前端面試筆試題2——JS(1):函式呼叫(區域性變數/全域性變數)
1、函式呼叫——區域性變數/全域性變數 案例1-1:fun(a)函式有傳參,即可更改“區域性變數” var a=100; function fun(a){ a++; consol
ArcGIS API for JavaScript學習(1):第一個地圖
樣式表 參數 資源 charset 底層 arcgis 順序 api navi 1.簡介 ArcGIS API for JavaScript跟隨ArcGIS 9.3同時發布,是ESRI根據JavaScript技術實現的調用ArcGIS Server REST API接口的一
在STM32上實現NTFS之4:GPT分區表的C語言實現(1):主GPT表頭的實現
center mbr分區 sum 對齊 字節數 決定 容器 alt 水平 題外話:在荒廢了很久沒有更新之後……某日突然收到讀者的站內信!內容大體是詢問GPT分區表信息的讀取方式,筆者激動萬分之下,決定繼續解剖NTFS……其實GPT嚴格上不算是NTFS的內容, GPT和M
Node.js學習筆記(1):Node.js快速開始
path 文本文 下載 啟動程序 直接 查看 學習筆記 完成後 編輯器 Node.js學習筆記(1):Node.js快速開始 Node.js的安裝 下載 官方網址:https://nodejs.org/en/ 說明: 在Windows上安裝時務必選擇全部組件,包括勾選
JavaScript -- 時光流逝(七):js中的全域性函式
JavaScript -- 知識點回顧篇(七):js中的全域性函式 全域性函式可用於所有內建的 JavaScript 物件。 (1) encodeURI():把字串編碼為 URI。 <script type="text/javascript"> docume
JavaScript -- 時光流逝(八):js中的事件Event的使用
JavaScript -- 知識點回顧篇(八):js中的事件Event的使用 事件通常與函式配合使用,這樣就可以通過發生的事件來驅動函式執行。 (1) onabort : onabort 事件會在影象載入被中斷時發生。 <!doctype html>
javaweb學習筆記(八):JavaScript(1)
目錄 1.javascript 1.1 js的引入方式 1.2 ECMAScript基礎 1.2.1語法 1.2.2資料型別 1.2.3 運算子 1.3 ECMA物件 1.3.1 Function物件 1.3.2Number物件 1.3.3 String物
美國高通 Snapdragon Neural Processing Engine SDK (SNPE) 系列 (1):使用者自定義層JNI實現
轉自:https://blog.csdn.net/guvcolie/article/details/77937786 Snapdragon Neural Processing Engine SDK是美國高通公司出品的神經網路處理引擎(SNP
three.js學習(1):
1.three.js是: three.js是用JavaScript編寫的WebGL第三方庫。官網(www.threejs.org) 2.three.js功能: three.js 是一款執行在瀏覽器中的 3D 引擎,你可以用它建立各種三維場景,包括了攝影機、光影、材質等各種物件。 3.thre
多執行緒(1):繼承Thread類和實現Runnable介面
多執行緒的兩種實現方法: 1.繼承Thread類 繼承Thread類,重寫run()方法。建立多執行緒的時候,需要建立物件例項,然後呼叫start()方法。類物件的屬性屬於執行緒私有,執行緒之間互不影響。 public class ClassExtendT
理解OpenShift(1):網路之 Router 和 Route Neutron 理解 (7): Neutron 是如何實現負載均衡器虛擬化的
理解OpenShift(1):網路之Router 和 Route 1. OpenShift 為什麼需要 Router 和 Route? 顧名思義,Router 是路由器,Route 是路由器中配置的路由。OpenShift 中的這兩個概念是為了解決從叢集外部(就是從除了叢集節點
基於順序儲存實現的多叉樹(1):深度優先儲存
需求分析 在資料結構中,樹有兩種儲存方式,一種是鏈式儲存,另一種是順序儲存。前者就是使用指標來記錄樹結點間的關係,在新增結點或刪除結點時,只需改變與父結點或兄弟結點的指標值即可,實現較為簡單;後者就是使用陣列來儲存,可以用相對偏移量來記錄樹結點間的關係,在新增結點或刪除結點時,則不僅是改變
微信小程式入門(1):簡單介面的實現
原始碼我已經放在GitHub上了https://github.com/A666AHL/pupil 1.安裝 微信web開發者工具 不多BB,直接從安裝IDE開始 首先,你得進入微信公眾平臺官網(https://mp.weixin.qq.com) 點選底部的小程式並檢視詳情
深入JavaScript系列(五):JS與記憶體
一、記憶體是什麼 我們現在常用的計算機都屬於 馮·諾依曼體系計算機, 計算機硬體由 控制器、運算器、儲存器、輸入裝置、輸出裝置 五大部分組成。 我們通常所說的記憶體就是 儲存器。 常用的記憶體都是易失性儲存器(需要通過不斷加電重新整理來保持資料,一旦斷電就會導致資料丟失),所以需要一種容量大、低成
基於雙端堆實現的優先順序佇列(1):原理
前言 眾所周知,stl中的優先順序佇列是基於最大堆實現的,能夠在對數時間內插入元素和獲取優先順序最高的元素,但如果要求在對數時間內還能獲取優先順序最低的元素,而不只是獲取優先順序最高的元素,該怎麼實現呢?可以用最大堆-最小堆或雙端堆資料結構來實現,最大堆-最小堆和雙端堆都是支援雙端優先佇列
pso-svm 演算法實現(1):python DEAP
在pso-svm 演算法中,引數尋優步驟大概如下: (1)PSO演算法尋找適用於SVM模型的核函式型別 Step 1:初始化粒子群規模m,設定演算法的權重因子,終止條件和初始粒子編碼; Step 2:將每個粒子的個體極值設定為當前位置,利用**適應度函
自定義堆(1):實現最大堆
通過學習自定義堆,瞭解堆的資料結構。 本篇以最大堆為例。 底層依賴了自定義陣列, 參考:自定義陣列 中的 Array.java 所以,其時間複雜度分析: add