背景
前天,老板提了一个需求,提供给用户的下载说明文档,当用户打开之后,等待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四者的比较
阅后即焚,随手三连击
【点赞】随意,您的鼓励将会使我更加的努力,如果喜欢,点个【在看】,或与人【分享】,让我知道您曾今来过
欢迎文章下方【留言】,一起学习探讨,您的评论藏过你读过的书
关注公众号【itclanCoder】,分享的不仅仅是代码,还有柴米油盐,致力于为你打开你另一扇窗