HTML实现自动刷新

当做网页时,我们经常会遇到这样的情况:想让自己做的网页自动不停的刷新,或者过一段时间自动跳转到另外一个自己设定的页面,下面是三种超级简单、方便的刷新方法。

一、在头部<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>

总结:

以上三种办法虽然能简便的实现页面的自动刷新,但是用户体验不太好,而且有的时候只有数据变化时才需要刷新页面,这样就会造成资源浪费,后续将推出更加优化的方案。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值