实现n秒之后跳转首页
Posted 权。
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了实现n秒之后跳转首页相关的知识，希望对你有一定的参考价值。
这个功能主要用到JavaScript中的循环定时器和location的href跳转界面，下面是完成这个功能的步骤。
- 创建方法
- 改变秒数
- 设置循环定时器
- 循环结束跳转
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <p> 注册成功，<span id="time">5 </span>秒之后跳转到首页 </p> <script> let num = 5; //定义方法 function showTime() num--; //改变秒数 if(num<=0) location.href = "index.html"//跳转到首页 let span = document.getElementById("time"); span.innerHTML = num ; //设置循环定时器，每一秒执行一次showTime方法 setInterval("showTime()",1000); </script> </html>
以上是关于实现n秒之后跳转首页的主要内容，如果未能解决你的问题，请参考以下文章