選中復選框5秒鍾后J​​avaScript刷新頁面

Question

如果選中復選框，是否有任何方法每5秒刷新一次網頁 ？

例如，如果未選中該復選框，則什么也不會發生，但是如果選中，則函數refresh()將使頁面每隔5秒刷新一次。

這是我到目前為止的代碼，但是由於某些原因，它無法正常工作。

<input type="checkbox" id="autoRefresh" onclick="if(this.checked){refresh()}" checked>


function refresh() {
         setTimeout(function () { location.reload() }, 5000);
    }

Answer 1

您必須將信息臨時存儲在選中復選框的位置，例如cookie或localStorage。 試用以下代碼：

 if(localStorage.getItem('doRefreshes')) { var x = setTimeout(function() { location.reload(); }, 5000); } document.getElementById('autoRefresh').checked = !!localStorage.getItem('doRefreshes'); function toggleRefreshes(checked) { if(checked) { localStorage.setItem('doRefreshes', true) location.reload() } else { localStorage.removeItem('doRefreshes') } } 

 <input type="checkbox" id="autoRefresh" onclick="toggleRefreshes(this.checked)">