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