如何定期循环 2 html 页

Question

我有 2 个由我们的生产软件生成的静态 html 网页。我想制作一个车间仪表板在这两个页面之间定期更改。 ajax 或 javascript 有可能吗？

Answer 1

当然，您可以在 Javascript 函数 JS Timing events.

中执行某种类型的 JavaScript setTimeout() 或 setInterval() 调用

就我个人而言，我可能会使用 jQuery 来管理它并执行类似

的操作

$(document).ready(function(){
    setInterval(pageSwitchFunction, millisecondsIntervalToSwitchPages);
});

function pageSwitchFunction(){
// page swtich logic here
}

Here's how to navigate to other pages using JS

Here's a quick jQuery intro

Answer 2

在第一个文件中使用以下代码：

<script type="text/javascript">setTimeout(function(){location.href="url.to.the.second.page";},10 * 1000); </script>

在第二个文件中：

<script type="text/javascript">setTimeout(function(){location.href="url.to.the.first.page";},10 * 1000); </script>

Answer 3

纯HTML例子

要在两个网页之间自动切换，请将其放在一页的 <head> 标记之间：

<meta http-equiv="refresh" content="5; url=page1.html">

将此放在另一页的 <head> 标记之间：

<meta http-equiv="refresh" content="5; url=page2.html">

5 是加载指定 URL 之前等待的秒数。更改 URL 以适合您的页面。

https://en.wikipedia.org/wiki/Meta_refresh

如何定期循环 2 html 页

How to loop 2 html pages periodically

html

dashboard