网页定时刷新效果，基于javascript代码实现

发布时间：2018-08-15 21:12:35 所属栏目：Unix 来源：站长网

导读：一个 Java Script网页定时刷新小特效，可以让网页定时刷新，貌似必需在 IE浏览器下才有效果，代码中对时间的运用比较多一些，作为不错的参考函数。比如计算秒数、分钟数、还有时间差等等，这是一个比较早的代码了，在 IE8 下运行有些问题。示例： htmlhe

　　一个JavaScript网页定时刷新小特效，可以让网页定时刷新，貌似必需在IE浏览器下才有效果，代码中对时间的运用比较多一些，作为不错的参考函数。比如计算秒数、分钟数、还有时间差等等，这是一个比较早的代码了，在IE8下运行有些问题。

　　示例：

<html> <head> <title>定时刷新的特效</title> </head> <body> <b>请注意页面左下角的状态栏</b> <script> var limit="0:10" //这里设定定时刷新的时间 if (document.images){ var parselimit=limit.split(":") //将前面设定的时间分成“分”和“秒”两部分 parselimit=parselimit[0]*60+parselimit[1]*1 //将两部分时间换算成总共需要计算的秒数 } function begin(){ if (!document.images) //如果浏览器不是IE return //则退出 if (parselimit==1) //如果计时时间已到 window.location.reload() //执行刷新动作 else{ //否则 parselimit-=1 //<b>计时器</b>减一秒 curmin=Math.floor(parselimit/60) //计算当前“分钟”数 cursec=parselimit%60 //计算当前“秒”数 if (curmin!=0) //如果有“分钟”部分 curtime=curmin+"分"+cursec+"秒后刷新本页！" //生成在状态栏显示剩余时间的内容 else //否则(剩余时间小于一分钟) curtime=cursec+"秒后刷新本页！" //生成在状态栏显示剩余秒数的内容 window.status=curtime //将显示内容写进状态栏 setTimeout("begin()",1000) //设定下一秒钟的延时 } } window.onload=begin //开始计时 </script> </body> </html><div style="text-align:center;margin:30px 0 0 0;"><hr style="color:#999;height:1px;">如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></div>
提示：可修改后代码再运行!

（编辑：温州站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!