基于下拉选择值（javascript/html）自动刷新

如何根据从下拉菜单中选择的值使页面持续刷新（自动刷新）？从谷歌，这是我到目前为止。请参考下面的代码

<form> 
Update interval (in seconds): 
<select name="interval" id="interval"> 
<option value="5">10</option> 
<option value="10">10</option> 
<option value="15">15</option> 
<option value="20">20</option> 
</select> 
</form> 

<script type="text/JavaScript">
window.setTimeout('window.location="";', document.getElementById('interval').value*1000);
</script>

更新间隔（秒）：
10
10
15
20
window.setTimeout（'window.location=”“；'，document.getElementById（'interval'）。值*1000）；

---

我现在面临的问题是，页面仅在5秒内刷新（下拉列表中的第一个选择），无论选择了什么值。我对html和javascript比较陌生，希望有人能帮上忙。

您需要在更改“选择”下拉列表时执行此操作，否则它将仅基于页面加载时选择的值（示例代码中的5）

更新间隔（秒）：
挑选
5.
10
15
20

JS:

HTML:

更新间隔（秒）：
选择
5.
10
15
20

谢谢您的回复。是否可以在选择间隔后使页面保持刷新？例如，如果我选择5，它将每5秒刷新一次。由于变量在每次页面刷新时都会重置，因此您必须使用or来存储选择，然后在页面加载时检查选择，并在该时间间隔内刷新（如果存在）。谢谢您的指导和发布的链接，我设法让它工作了！很高兴听到这个消息，也很乐意帮忙！

function updateInterval(e) {
  var options = e.options
  var seconds = options[options.selectedIndex].value

  if (this.currentInterval)
    clearInterval(this.currentInterval)

  if (!isNaN(seconds))
    this.currentInterval = setInterval(
      function() { location.reload() },
      seconds * 1000
    )
}

<form>
  Update interval (in seconds):
  <select onChange="updateInterval(this)">
    <option>Select</option>
    <option value="5">5</option>
    <option value="10">10</option>
    <option value="15">15</option>
    <option value="20">20</option>
  </select>
</form>