2017-07-07 22 views
-2

你好,我正在尋找與列表菜單重新加載頁面的最佳方式。刷新列表菜單選項的頁面javascript

我知道如何用簡單的代碼或元,但從列表菜單重新加載頁面,這不容易。

實施例:

列表:

5秒
10秒 30秒
1分鐘
2分鐘
5分鐘

當一個選項被選擇的頁面將從選擇的選項自動重新加載。

有人有一個想法如何做一個簡單的代碼?

@mplungjan我的代碼:

<SCRIPT type="text/javascript"> 
function refresh() 
{ 
document.location.reload(); 
} 
setTimeout(refresh,theForm.submit(); 
</SCRIPT> 




<FORM NAME="reloadForm" > 
<SELECT NAME="sec" OnChange="refresh()"> 
<OPTION VALUE="0" SELECTED>None 
<OPTION VALUE="5" >Every 5 secondes 
<OPTION VALUE="10" >Every 10 secondes 
<OPTION VALUE="30" >Every 30 secondes 
<OPTION VALUE="60" >Every minutes 
<OPTION VALUE="90" >Every minutes and half 
<OPTION VALUE="120" >Every 2 minutes 
<OPTION VALUE="180" >Every 3 minutes 
<OPTION VALUE="300" >Every 5 minutes 
</SELECT> 
+2

歡迎來到SO。請訪問[幫助]瞭解爲什麼您的問題被拒絕並可能關閉。提示:投入工作量和代碼 – mplungjan

+0

使用值進行列表>操作單擊以獲取值>使用帶回調的函數setInterval重新加載頁面。 –

+0

1.使用onchange的選擇2.設置一個cookie或使用localStorage,這樣頁面就知道你想要的setTimeout值,除了@mplungjan之外你還可以選擇 – mplungjan

回答

0

定義時間變量作爲選項,那麼你已經使用setTimeout函數根據該變量重新加載頁面的價值,這裏的頁面重載6秒後,這是這個想法。

var time = 6000 
setTimeout(function(){ location.reload(); }, time); 
+0

將冒着失去我的網頁中的所有數據是不是? – nickasimir

+0

嘗試閱讀(window.onbeforeunload,localStorage.setItem和localStorage.getItem)它們將幫助您不會丟失任何數據。 https://www.w3schools.com/html/html5_webstorage.asp – Osama