您当前位置：首页 > web前端 > 特效 > 网页定时刷新效果，基于javascript代码实现

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

来源：程序员人生发布时间：2014-04-27 23:44:43 阅读次数：3477次

　　一个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) //如果浏览器不是IEreturn //则退出if (parselimit==1) //如果计时时间已到window.location.reload() //执行刷新动作else{ //否则parselimit-=1 //计时器减一秒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.wfuyu.com/' target='_blank'>http://www.wfuyu.com/</a></div>
提示：可修改后代码再运行!

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生

------分隔线----------------------------

上一篇 业余站长应当做工作所在行业相关的网站

下一篇 Microsoft Access项目不能压缩的原因

分享到:

------分隔线----------------------------

为码而活

积分：4237

15粉丝

7关注

栏目热点