1. 程式人生 > >JavaScript(1):Js實現web頁面一段時間沒操作,退出或關閉頁面

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(); }

相關推薦

JavaScript1Js實現web頁面時間操作退出關閉頁面

1. 思路 js設定一個倒計時,當監聽到keydown mousemove mousedown等事件時,重置倒計時。若倒計時為0時,觸發相應事件。 2. 實現 注:需要引入JQuery

Mina學習1mina實現簡單服務端與客戶端

mina是一個基於javaNio網路通訊應用框架,使用mina可以輕鬆的搭建伺服器,接下來將使用mina搭建一個小型的服務端 原始碼–MinaServer.java package serv

JavaScript自我實現系列1instanceof

JavaScript判斷型別的三種方法 typeof instanceof Object.prototype.toString typeof 使用: console.log(typeof 1024) // "number" 特殊情況: // js自身的bug console.lo

Web前端面試筆試題2——JS1函式呼叫區域性變數/全域性變數

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之4GPT分區表的C語言實現1主GPT表頭的實現

center mbr分區 sum 對齊 字節數 決定 容器 alt 水平 題外話:在荒廢了很久沒有更新之後……某日突然收到讀者的站內信!內容大體是詢問GPT分區表信息的讀取方式,筆者激動萬分之下,決定繼續解剖NTFS……其實GPT嚴格上不算是NTFS的內容, GPT和M

Node.js學習筆記1Node.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學習筆記JavaScript1

目錄 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

理解OpenShift1網路之 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 演算法實現1python DEAP

在pso-svm 演算法中,引數尋優步驟大概如下: (1)PSO演算法尋找適用於SVM模型的核函式型別 Step 1:初始化粒子群規模m,設定演算法的權重因子,終止條件和初始粒子編碼; Step 2:將每個粒子的個體極值設定為當前位置,利用**適應度函

自定義堆1實現最大堆

通過學習自定義堆,瞭解堆的資料結構。  本篇以最大堆為例。 底層依賴了自定義陣列,  參考:自定義陣列   中的   Array.java 所以,其時間複雜度分析: add