找回密码
 注册
搜索
热搜: 回贴

JavaScript实现自动刷新页面

2009-12-16 01:21| 发布者: admin| 查看: 40| 评论: 0|原作者: 柳梦璃

  今天访问了硅谷动力网络学院,发现其中下部有一行图片经过指定时间变化一次,实现图片文章的显示,觉得效果不错,打开查看了一下源代码,发现其使用的是刷新的功能,在这里给大家说说。具体代码为:







           


  把上面的代码保存为一个文件为rdztt1.html,然后我们再建立了一个文件rdztt2.html,内容如下:







           


  然后又建立了一个rdztt3.html,内容如下:







           


  大家可以注意到上面三个文件中均有如下代码:

这就是实现自动刷新的代码,使用了setTimeout()函数设置为每隔10秒钟刷新一次!最后使用iframe标签加到主页中:

具体演示效果大家可以看看
http://www.enet.com.cn/eschool/中下部变化的图片
http://www.enet.com.cn/eschool/includes/gdtup/tu5/rdztt1.html实际显示的页面

最新评论

QQ|小黑屋|最新主题|手机版|微赢网络技术论坛 ( 苏ICP备08020429号 )

GMT+8, 2024-9-29 21:24 , Processed in 0.233109 second(s), 12 queries , Gzip On, MemCache On.

Powered by Discuz! X3.5

© 2001-2023 Discuz! Team.

返回顶部