HTML页面定时跳转

背景

  如题，我们有时候需要在用户提交成果后给出提示页面，又或者访问出错后给出错误页面，这时候会用到定时页面的跳转。

实现

Meta Refresh

  此方法是在head元素内部的<meta>标签下添加：

<meta http-equiv="refresh" content="5;url=http://www.baidu.com/">
//五秒后跳转到百度

• 5表示5秒后跳转，如果修改为0，即会立即跳转 。
• url是跳转的目标地址，可以为站内相对地址，也可以是不同域名的站外地址。

JavaScript

setTimeout

<script>  
function JumpToURL(){  
  location='http://www.baidu.com';  
}  
setTimeout('JumpToURL()',5000);  
</script>   

• 给location对象赋值，文档会使用新URL加载，实现页面跳转。

• setTimeout表示设置一个定时器，在定时器结束后执行函数或者指定代码段。