当做网页时,我们经常会遇到这样的情况:想让自己做的网页自动不停的刷新,或者过一段时间自动跳转到另外一个自己设定的页面,下面是三种超级简单、方便的刷新方法。
一、在头部<head>中添加如下代码实现页面自动刷新
<!--其中10指每隔10秒刷新一次页面-->
<meta http-equiv="refresh" content="10">
二、在头部<head>中添加如下代码实现页面自动跳转
<!--其中20指隔20秒后跳转到https://me.csdn.net/DZY_12页面-->
<meta http-equiv="refresh" content="20;url=https://me.csdn.net/DZY_12">
三、通过js实现页面自动刷新
<script language="JavaScript">
function myrefresh(){
window.location.reload();
}
setTimeout('myrefresh()',5000); //指定5秒刷新一次
</script>
总结:
以上三种办法虽然能简便的实现页面的自动刷新,但是用户体验不太好,而且有的时候只有数据变化时才需要刷新页面,这样就会造成资源浪费,后续将推出更加优化的方案。