每隔X秒重新加载页面的Javascript函数?

21

有几个问题:

  • 我从未使用过 JS 监听器,除了 onclickonkey 事件,因此想知道如何在 X 秒内重新加载页面?

  • 另外,页面只包含最基本的东西,只有一个输入框。我还需要包含 html 的 headbody 吗?


可能重复:https://dev59.com/hnE85IYBdhLWcg3waCxT - ITroubs
你是要刷新吗?还是只想更新数据? - Bart
4个回答

42

对于这个简单的功能,您不需要使用JavaScript。在页面头部添加:

<meta http-equiv="Refresh" content="300">

在这个示例中,300是表示秒数的数字。


不错!Js 有时候会在不刷新页面的情况下停止工作。我会测试一下。 - baron_bartek

33

使用JavaScript在5秒后(5000毫秒)重新加载页面,请将以下内容添加到页面底部:

<script type="text/javascript">
  setTimeout(function () { location.reload(true); }, 5000);
</script>

正如Greg Hewgill所指出的那样,您也可以使用meta refresh标签来实现这一点:

<meta http-equiv="Refresh" content="5">
严格来说,您仍然需要包括<html><body>标签。一些浏览器可能会在没有这些标签的情况下正确呈现页面,但最安全的做法是将它们包括进去。

JavaScript选项给我一个错误:Uncaught ReferenceError: settimeout is not defined - Zapnologica
1
@Zapnologica:setTimeout 中的第二个 't' 需要大写。 - pkaeding
非常重要的是,如果您希望每X秒刷新一次,则需要使用setInterval(function(){},X);而不是setTimeout(),其中setInterval中的匿名函数每X毫秒运行一次。 - namore

2

0

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接