js实现页面定时刷新功能

时间:2021-05-14 07:55:58

1.setTimeout:延时执行

<script type="text/javascript">
	setTimeout("realTime('/xxx/xxxUi')", 5000)
	function fealTime(url) {
	$.ajax({
		url : url,
		dataType : "html",
		cache : false,
		success : function(data) {
			$("#container").html(data);
		}
	})
}
</script>

5秒后加载回调函数 返回的数据,如果加载的是同一页面,就实现了不断刷新功能。

function flush()
{
  window.location.href="/xxx/xxxUi";
  setTimeout("flush()",5000);
}

2.setInterval:每隔一定时间执行一次

注:setTimeout和setInterval函数都返回一个值 假设为id,利用此id,给clearTimeout(id)和clearInterval(id)传参数 可以取消延时和定时执行。

3.页面头部加入<meta http-equiv="refresh"content="5;url=‘跳转地址’">

4.window.navigate("跳转URL");

5.

<scriptlanguage="javascript">
      setTimeout("self.location.reload();",5000);
<script>