如何为已有JavaScript重定向代码添加延迟?(零基础友好)
给重定向代码加延迟的超简单教程(零基础友好)
嘿,兄弟!作为CSS大佬,JS对你来说就是个纸老虎~ 咱一步一步掰碎了讲,保证你看完就会:
第一步:先认识「延迟神器」—— setTimeout
你可以把它理解成浏览器里的定时闹钟:告诉浏览器「等X毫秒之后,再执行我给你的这段代码」。比如要等3秒,就写3000(因为1秒=1000毫秒)。
第二步:修改你的代码
把你原来的跳转代码,直接塞进这个「闹钟」里就行,完整代码如下:
<script> // 先获取当前页面的路径(比如原来的/blog/post/123这类地址后缀) var path = window.location.pathname; // 设置延迟:等3000毫秒(3秒)后执行跳转 setTimeout(function() { // 这里就是你原来的跳转逻辑,把旧路径拼到新网址后面 window.location.replace('http://newurl.tumblr.com' + path); }, 3000); // 这里的3000就是延迟时间,想改几秒就乘1000,比如5秒就写5000 </script>
第三步:按需调延迟时间
- 想等2秒?把
3000改成2000 - 想等5秒?改成
5000 - 一句话总结:延迟秒数 × 1000 = 要写的数字
碎碎念(怕你好奇)
setTimeout是JS专门用来做延迟执行的工具,第一个参数是「要延迟做的事」(用function() { ... }包起来就行),第二个参数是延迟的毫秒数。- 你原来的
path变量完全保留,这样跳转后能对应到新网站的相同页面,不会跳错地方~
放心用就行,复制粘贴改个数字就搞定😎
内容的提问来源于stack exchange,提问作者VexMachiina
相关产品推荐
相关产品推荐

