HTML5的心跳代碼(heartbeat code)是指在網頁中定時發送請求到服務器,使網頁保持連接的狀態。
var sech; function startHeartbeat() { sech = setInterval(myFunction, 120000); //每120秒發送一次請求 } function myFunction() { var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { console.log("heartbeat sent"); } }; xhttp.open("GET", "heartbeat.php", true); xhttp.send(); }
在上述代碼中,我們定義了一個名為startHeartbeat()
的函數,用于啟動心跳,它以每120秒執行一次myFunction()
函數。
在myFunction()
函數中,我們使用了XMLHttpRequest對象,向服務器發送一個簡單的GET請求,以保持連接。
在服務器端,我們需要響應這個請求,否則瀏覽器會產生“404 Not Found”錯誤。我們可以創建一個PHP文件,命名為“heartbeat.php”,該文件不需要包含任何內容,只需返回一個HTTP 200 OK響應即可。
使用HTML5的心跳代碼,可以使我們的網頁在用戶空閑時保持連接狀態,從而確保更好的用戶體驗。
上一篇html5心形邊框代碼