iT邦幫忙

2023 iThome 鐵人賽

DAY 18
0

延遲

 📌 setInterval(timer, 1000);

等待一秒,呼叫timer函式

函式宣告

 📌 let second = 0;
 function timer()
 {
     if(second > 10)
     {
         second = 0;
         alert(”過了十秒”);
     }
     second += 1;
 }

在範例中當等待時間過十秒時,輸出過了十秒

如何製作閒置過久退出系統

 📌 let second = 0;
 var button = document.querySelector('#button');
 function timer()
 {
     if(second > 10)
     {
         var xhr = new XMLHttpRequest();
         xhr.open("GET", "/logout", true);
         xhr.onreadystatechange = function ()
         {
             if (xhr.readyState === 4 && xhr.status === 200)
             {
                 alert("閒置過久,自動登出")
                 second = 0;
                 window.location.href = "/gmail";
             }
         };
         xhr.send();
     }
     second += 1;
     console.log(second);
 }
 button.onclick = () =>
 {
      second = 0;
 }
 setInterval(timer, 1000);

在範例中,如果使用者未點擊按鈕時,過10秒退出系統

 📌 var xhr = new XMLHttpRequest();
 xhr.open("GET", "/logout", true);
 xhr.onreadystatechange = function ()
 {
     if (xhr.readyState === 4 && xhr.status === 200)
     {
         alert("閒置過久,自動登出")
         second = 0;
         window.location.href = "/gmail";
     }
 };
 xhr.send();

發送一個HTTP請求

/logout → session_destroy();

關閉會議後,退回根目錄

xhr.status → HTTP狀態


上一篇
[DAY17]如何製作購物車?
下一篇
[DAY19]如何製作LOG檔?
系列文
從前端到後端,設計出屬於自己的購物網站30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言