N 秒后自动跳转到指定的 url
方法一:使用 setTimeout
(function () {
setTimeout(() => {
window.location.href = "https://www.baidu.com/";
}, 15000);
})();
方法二:使用 Meta 标签
<meta http-equiv="refresh" content="15;url=https://gocart.ph/" />
http-eruiv 相当于 http 的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值是 content,content 中的内容其实就是各个参数的变量值
<meta http-equiv="" content="">
详解
meta 标签的 http-equiv 属性语法格式是:<meta http-equiv="参数" content="参数变量值">
其中 http-equiv 属性主要有以下几种参数
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
content-type 设定页面使用的字符集
<meta http-equiv="Cache-Control" content="no-cache">
清除缓存
Cache-Control 指定个请求和响应遵循的缓存机制。在请求消息或响应消息中设置 Cache-Control 并不会修改另一个消息处理过程中的缓存处理过程。
请求时的缓存指令
no-cache:指示请求或响应消息不能缓存
no-store:用于防止重要的信息被无意的发布。在请求消息中发送将使得请求和响应消息都不使用缓存
max-age:指示客户机可以接收生存期不大于指定时间(以秒为单位)的响应
min-fresh:指示客户机可以接收响应时间小于当前时间加上指定时间的响应
max-stale:指示客户机可以接收超出超时期间的响应消息。如果指定 max-stale 消息的值,那么客户机可以接收超出超时期指定值之内的响应消息
响应消息中的指令
Public:指示响应可被任何缓存区缓存
Private:指示对于单个用户的整个或部分响应消息,不能被共享缓存处理。这允许服务器仅仅描述当用户的部分响应消息,此响应消息对于其他用户的请求无效
no-cache:指示请求或响应消息不能缓存
no-store:用于防止重要的信息被无意的发布。在请求消息中发送将使得请求和响应消息都不使用缓存
max-age:指示客户机可以接收生存期不大于指定时间(以秒为单位)的响应
<meta http-equiv="Expires" content="0">
设定网页的到期时间
<meta http-equiv="Pragma" content="no-cache">
设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从 Cache 中在调出
<meta http-equiv="Refresh" content="2;url=http://www.NET.cn/">
Refresh 自动刷新并指向新的页面;content="2;url=http://www.NET.cn/" ==> 其中 2 是时间秒,url 是新页面的地址,即 2 秒后自动跳转到 http://www.NET.cn/
<meta http-equiv="Cache-Control" content="no-store">
强制缓存在任何情况下都不要保留任何副本
<meta http-equiv="Pics-label" content="">
网页等级评定
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
设置关键字,用于搜索引擎 SEO