代码之家 › 专栏 › 技术社区 › aman.s

选中复选框5秒后刷新JavaScript页面

settimeout refresh checkbox html javascript

aman.s · 技术社区 · 7 年前

有没有办法 如果选中复选框,则每5秒刷新一次网页 ?

例如,如果复选框未选中,则不会发生任何事情,但如果选中,则函数 refresh() 将使页面每5秒刷新一次。

这是我到目前为止的代码,但由于某些原因,这不起作用。

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


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

1 回复 | 直到 7 年前

mehulmpt 7 年前

您必须将信息临时存储在选中复选框的某个位置,例如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)">

推荐文章

user8202800 · 如何使用按钮或按钮刷新tableView和JSON数据?

7 年前

aman.s · 选中复选框5秒后刷新JavaScript页面

7 年前

David T · 限制Excel Power Query中的刷新

7 年前

kalaolani · 为什么nodetool刷新需要重新启动Cassandra 2.2.8?[已关闭]

7 年前

user6089076 · 工作表(“名称”)。刷新

7 年前

jaguar419 · 不断刷新tkinter消息框中的文本

8 年前

Yuxiao Ma · 如何在React Native中的当前屏幕上显示时主动刷新平面列表?

8 年前

Kevin Quiring · (Angular 4,AOT,缓存刷新)当服务器上发生代码更改时,如何强制最终用户浏览器进行硬刷新?

8 年前

porzoo · python中3D数组值的Matplotlib动画

8 年前

Aravinthan M Rohan Fating · 如何在不刷新整个页面的情况下更新组件-角度

8 年前