
itclancoder
V1
2022/03/17阅读:49主题:绿意
如何通过一行代码实现等待指定若干秒后自动跳转到指定的网站上
如何通过一行代码实现等待指定若干秒后自动跳转到指定的网站上
背景
前天,老板提了一个需求,提供给用户的下载说明文档,当用户打开之后,等待5秒后自动跳转到公司的官网上,那这个是怎么实现?
方法1-使用定时器实现
setTimeout(()=> {
window.location.href = "https://itclan.cn";
},5000)()
// 等价于
var timer = setTimeout(() => {
window.location.href = "https://itclan.cn";
// 等价于
window.open("https://itclan.cn","_self"); // 当前窗口打开
},5000);
timer(); // 此时需要调用一下
以上这种方法是大家比较常用的,也是第一时间能想到的,今天要介绍的是第二种方法,使用一行代码即可解决
方法2-meta中使用http-equiv=”refresh”
<meta http-equiv="refresh" content="5;url=https://www.itclan.cn/">
在页面的头部插入meta标签,并且使用http-equiv="refresh",并结合content属性,第一个参数为多长时间,第二个参数url为跳转的指定的网址
第二种方法是比较巧妙的,而且也不用写js代码,逻辑,推荐小白使用
作者介绍

itclancoder
V1
微公号:itclanCoder