Question

我想使用Javascript自动刷新我的网页，而用户可以选择使用两个不同的按钮打开/关闭自动刷新功能（请注意按钮使用<label>和{ {1}}标签）。我尽力编写代码，但我仍然不知道如何链接这两个代码，以便它可以正常运行。

此外，如果用户选择自动刷新ON的按钮，我想在第一次加载后继续自动刷新，而不是仅自动刷新一次。

请你帮我纠正我的代码吗？谢谢。

ON和OFF按钮的代码（两个单独的按钮）：

<input>

自动刷新功能的代码：

<div class="page-header-actions" data-toggle="buttons" role="group">
  <label class="btn btn-outline btn-primary active">
    <input type="radio" name="options" autocomplete="off" value="autorefreshoff" checked />
    <i class="icon wb-check text-active" aria-hidden="true"></i> Auto Refresh OFF
  </label>
  <label onClick="startrefreshon" class="btn btn-outline btn-primary">
    <input type="radio" autocomplete="off" value="autorefreshon" />
    <i class="icon wb-check text-active" aria-hidden="true"></i> Auto Refresh ON
  </label>
</div>

Answer 1

以下是您需要做的一些事情：

input type="radio"应该具有相同的name。
自动刷新＆＃39;按下一个ID，以便您可以在JavaScript代码中轻松引用它（例如auto-refresh-checkbox）。
编写重新加载函数，检查复选框是否为checked

代码：

function reloadPage(){
  var refreshEnabled = document.getElementById('auto-refresh-checkbox');
  if(refreshEnabled.checked) {
    window.location.reload(1);
  }
}

然后通过setInterval

setInterval(reloadPage, 5000);

PS：已选中＆＃34;自动刷新＆＃34;无线电将在页面重新加载时丢失它的值，因此您可能必须使用localStorage或其他内容保存该值。

Javascript：使用ON-OFF按钮重复自动刷新网页

1 个答案: