页面的自动刷新以及跳转

当我们在做网页时,有的时候想让网页自动不停刷新,或者过一段时间自动跳转到另外一个你自己设定的页面?其实实现这个效果不算难。一下代码给大家参考,互相学习。

第一:页面自动刷新:把如下代码加入头部文件(<head>)中:
       <meta http-equiv="refresh" content="20">,其中20指每隔20秒刷新一次页面.
第二:页面自动跳转: 把如下代码加入头部文件(<head>)中:
       <meta http-equiv="refresh" content="20;url= http://jianju117.blog.163.com/">,其中20指隔20秒后跳转到指       定的: http://jianju117.blog.163.com页面。

说明:
把如下代码加入<head>区域中:
代码1.页面自动刷新:
[html]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. <meta http-equiv="refresh" content="20">  

代码2.页面自动跳转:
[html]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. <meta http-equiv="refresh" content="20;url=http://jianju117.blog.163.com">  

代码3.页面自动刷新:
[javascript]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. <script>  
  2. <!--  
  3. var limit="0:10" //时间(分:秒)  
  4. if (document.images){  
  5. var parselimit=limit.split(":")  
  6. parselimit=parselimit[0]*60+parselimit[1]*1  
  7. }  
  8. function beginrefresh(){  
  9. if (!document.images)  
  10. return  
  11. if (parselimit==1)  
  12. window.location.reload()  
  13. else{  
  14. parselimit-=1  
  15. curmin=Math.floor(parselimit/60)  
  16. cursec=parselimit%60  
  17. if (curmin!=0)  
  18. curtime=curmin+"分"+cursec+"秒后重刷本页!"  
  19. else  
  20. curtime=cursec+"秒后重刷本页!"  
  21. window.status=curtime  
  22. setTimeout("beginrefresh()",1000)  
  23. }  
  24. }  
  25. window.οnlοad=beginrefresh  
  26. file://-->  
  27. </script> 
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值