本文摘自PHP中文网，作者醉折花枝作酒筹，侵删。
本篇文章给大家介绍HTML页面实现3秒之后自动跳转的方式。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
方法1：
最简单的一种：直接在前面<head>里面添加代码：
1 2 | <meta http-equiv="refresh" content="3;URL=res.html">
|
方法2：
需要用到window里面的方法：
| setTimeout | 经过指定毫秒值后计算一个表达式。 |
例子：
1 | window.setTimeout("alert('Hello, world')", 1000);
|
这个是写在js代码里面的；
具体实现如下：
1 2 3 4 5 6 7 8 9 10 11 12 | <script type="text/javascript">
onload=function(){
<span style="white-space:pre">
</span>
setTimeout(go, 3000);
<span style="white-space:pre">
</span>
};
function go(){
location.href="http://localhost:8080/TestDemo/index.jsp";
}
</script>
|
3秒之后自动执行go方法，直接跳转到index.jsp页面
方法3：
上面两个例子的缺陷就是能够实现跳转，但是不知道是什么时候跳转.实现倒数3-2-1；
阅读剩余部分
相关阅读 >>
怎样用Html做出移动端固定悬浮半透明搜索框
了解浏览器渲染网页的每个步骤机制！
Html文档中怎么把图片作为背景？
Html怎么设置颜色渐变
Html如何禁止右键
Html 5设计原则介绍
Html如何去掉超链接的下划线
浅谈Html标题，段落，换行，水平线，特殊字符
Html中的空格符号是什么
Html的i标签有什么作用
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » HTML页面如何实现3秒之后自动跳转
