关注
html页面实现自动刷新的几种方法
1. 页面需要定时刷新,实时加载数据(H5中的WebSocket和SSE可以实现局部刷新)
示例代码:页面自动刷新注:其中10指每隔10秒刷新一次页面.
<meta http-equiv="refresh" content="10">
2. 一定时间之后跳转到指定页面(登录注册之类)
示例代码:跳转到指定页面
<meta http-equiv="refresh" content="10url=http://www.51jfgou.com">
3. 前端开发使用伪数据调试html页面(修改一些js的变量值,可以自动刷新效果)
示例代码:页面自动刷新js版
<script language="JavaScript">
setTimeout(function(){location.reload()},1000)//指定1秒刷新一次
</script>
1、可以使用定时器setInteval()方法来实现不断刷新2、当点击按钮之后,执行方法利用clearInterval方法将定时器停止
代码如下:
$(function(){
var obj = setTimeout(定向的页面, 2000)// 每2秒刷新一次页面
$("#but_stop").click(function(){
clearInterval(obj)// 点击即停止刷新
})
})
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)