龙空技术网

HTML网页编程之自动刷新

免费少儿编程知识分享 50

前言:

此刻看官们对“html自动刷新”大体比较关心,姐妹们都想要分析一些“html自动刷新”的相关知识。那么小编同时在网上汇集了一些关于“html自动刷新””的相关知识,希望朋友们能喜欢,你们一起来了解一下吧!

网页编程之自动刷新。

各位同学好,今天我们来分享一下如何设置网页自动刷新和延时跳转。我们都知道,在浏览器中点击刷新按钮或者按下F5键可以刷新页面,但在编程中有时需要自动刷新页面,加载最新的数据,无需用户参与。这就是我们今天要讲的内容。

接下来让我们来看看效果如何。

·首先,在页面上添加了一个滚动字幕和一张GIF动画,用于展示页面的刷新状态。

·现在可以看到,每隔3秒自动刷新一次,每当刷新时,字幕会回到初始位置,动画也会重新播放。

·如果不明显,可以看到鼠标指到的位置会不停地触发刷新按钮,效果已经很明显了。

现在让我们来看看实现代码。自动刷新使用了meta标签的http-equiv属性,值为referesh,表示自动刷新。设置了content属性,在内容中填写秒数,即每隔多少秒自动刷新页面。如果设置为3,则每隔3秒自动刷新页面,非常简单。

·延时跳转的实现也很简单。刚才已经将Content属性设置为3,现在只需要指定要跳转到的URL。它的写法是在3后面加上一个英文分号,然后加上url等于要跳转到的地址。在这里,我们跳转到新浪首页,例如视频。这样写好后,回到浏览器保存,可以看到倒计时321,成功跳转。在指定时间后,浏览器会自动跳转,功能已经实现。

今天的分享就到这里,希望各位同学可以照着写3遍,做到不看视频也能写出来。所有案例和相关文档都可以向我索取。

我们下期再见,想学编程可以关注网页编程、服务端编程、数据库和算法方面的内容。

点赞支持一下。

标签: #html自动刷新 #刷新页面怎么弄 #电脑网页刷新按哪个键 #jshtml刷新