close

javascript有兩個好用的方法,分別為setTimeout()與setInterval(),此兩種方法都是設定秒數並且在時間到之後,執行某些method

唯一的不同在於setTimeout()只會執行一次,而setInterval()則會重複執行,必須使用clearInterval()將其清除。

 

分別有以下兩種撰寫方法;

 

setTimeout()的撰寫方式與setInterval()相同。

只要善用setInterval()我們便可以寫出一個簡單的倒數計時器,在這裡我配合jqwidget的notification功能來撰寫一個簡單的sessiontimeout計時器,

並且可以點擊後重新計算timeout時間,以下先從彈跳出倒數計時notification提示開始:

 

 

接著我們新增相關的function用以倒數、重設時間間隔及清除session;

完成以上程式後,可以在倒數三分鐘時看到提示視窗:

timeout1  

點擊此視窗或是重新整理頁面都可重置timeout時間,後端java class處理部份此處不另外紀錄,主要就是發送請求、清除session等動作,

至此便完成了一個簡單的session timeout倒數計時重置功能。

 

arrow
arrow
    全站熱搜

    squall75726 發表在 痞客邦 留言(2) 人氣()