如何通过一行代码实现等待指定若干秒后自动跳转到指定的网站上

背景

前天,老板提了一个需求,提供给用户的下载说明文档,当用户打开之后,等待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-使用http-equiv="refresh”

<meta http-equiv="refresh" content="5;url=https://www.itclan.cn/">

在页面的头部插入meta标签,并且使用http-equiv="refresh",并结合content属性,第一个参数为多长时间,第二个参数url为跳转的指定的网址

第二种方法是比较巧妙的,而且也不用写js代码,逻辑,推荐小白使用

你学会了?

往期推荐

vuejs中的模板/普通方法/计算属性computed与监听属性watch四者的比较

使用let/const定义变量的场景

如何设置小于12px的像素字体

全选-复选框-控制表格的列的显示和隐藏

---

阅后即焚,随手三连击

• 【点赞】随意,您的鼓励将会使我更加的努力,如果喜欢,点个【在看】,或与人【分享】,让我知道您曾今来过

• 欢迎文章下方【留言】,一起学习探讨,您的评论藏过你读过的书

• 关注公众号【itclanCoder】,分享的不仅仅是代码,还有柴米油盐,致力于为你打开你另一扇窗