Javascript 刷新 + 倒计时文本

标签 javascript

我在标题中使用以下 javascript 来刷新页面

    <script type="text/JavaScript">
<!--
function timedRefresh(timeoutPeriod) {
    setTimeout("location.reload(true);",timeoutPeriod);
}
//   -->
</script>

在正文标签中

<body onload="JavaScript:timedRefresh(5000);">

我的问题是如何添加显示倒计时的文本以刷新页面

x 秒刷新

最佳答案

这符合您的需求吗?

(function countdown(remaining) {
    if(remaining <= 0)
        location.reload(true);
    document.getElementById('countdown').innerHTML = remaining;
    setTimeout(function(){ countdown(remaining - 1); }, 1000);
})(5); // 5 seconds

JSFiddle

关于Javascript 刷新 + 倒计时文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16532577/

相关文章:

javascript - 使用 JavaScript 修改 "Span"时禁用悬停效果

javascript - 由另一个函数触发的复选框选择

JavaScript - 提取特定节点以及节点起始位置

javascript - 如何让所有的节点都围绕中心节点?

javascript - 如果任何表单输入发生更改,则更改(立即)提交按钮文本 [JS]

JavaScript 异常不起作用

javascript - 客户端计时是否可能与服务器端计时一致?

javascript - 使用 vueJS 有条件地设置 href 属性

javascript - 括号符号不适用于 document.querySelector

javascript - @Angular (Angular 2) 无法使用 es5 进行编译 - Set、Map 等缺失