html用JS怎么实行定时间刷新页面

Posted 2023-05-04

比对系统时间：当系统时间在8:00~17:00(上班时间段）之间时，逢10分刷新一下页面，即8:10 8:20 8:30 ... 16:40 16:50 17:00这些时间点刷新，不用jQuery

js刷新页面可以用定时器加reload去实现。

例：
setInterval(function()
window.location.reload();
,5000);

这样是每隔五秒刷新一次当前页面 参考技术A

好的，等着啊。

<script type="text/javascript">

setInterval(function()
var date=new Date();
var h=date.getHours();
var m=date.getMinutes();
var s=date.getSeconds();
if(h>=8&&h<22&&m%10==0&&s==0)
window.location.href=window.location.href;

,1000);

追问

你的回复真快，思路也应该是对的，但我测试怎么没效果呢？我把本地时间设置在范围内了的~

追答

你什么浏览器啊，我试了好用啊。

追问

手机UC8.7 和HTC安卓手机自带的浏览器，还有pc上Chrome

追答

我用chrome和ie都行啊。你是不是看不出效果啊。或者你不会看效果啊。

if(h>=8&&h<22&&m%10==0&&s==0)
alert(1);
window.location.href=window.location.href;

这样就能看出效果了。

如果一个比较大的网页，效果会很明显的。

追问

为了看出效果，我在时间点前修改了页面一个显眼的数据数值；奇怪，还是看不到刷新，数据没变化

追答

当然没有变化啊，因为你的页面刷新了啊。
你改的数据也没有用啊，要不你跳转到别的页面就知道了，实际上是执行了的。
有chrome你可以再后台看请求 啊。

本回答被提问者和网友采纳 参考技术B <script language="JavaScript">
function myrefresh()

window.location.reload();

setTimeout('myrefresh()',1000); //指定1秒刷新一次
</script>追问

你没看懂我意思~

刷新页面后怎么让js定时器继续刷新前的状态继续计时

参考技术A 做个存储，把刷新前的状态保存下来，刷新后取值继续计时。比如cookies、localStorage、sessionStorage 参考技术B 这个需要做一个参数记录 写到cookie里 如果存在这个值 那么按照这个值去设定计时器的时间 如果不存在 则设置默认时间