最近做的一个需求，需要单页面进行倒计时跳转或者称定时跳转，为了以后查找方便，也给其他人共享所以在这里做个小结
一、使用setTimeout函数实现定时跳转（该代码必须写在body区域内）
<script type="text/javascript"> //3秒钟之后跳转到指定的页面 setTimeout(window.location.href=‘http://www.baidu.com‘,3000); </script>
二、html代码实现，在页面的head区域块加上以下代码
<!--5秒钟后跳转到指定的页面--> <meta http-equiv="refresh" content="5;url=http://www.baidu.com" />
三、稍微复杂点，则是登陆后的跳转
<!DOCTYPE HTML> <head> <meta charset=utf-8" /> <title>js定时跳转页面的方法</title> </head> <body> <script> var time = 15;//设定跳转的时间 setInterval(refer,1000); //启动1秒定时 function refer(){ if(time == 0){ location="http://www.baidu.com"; //#设定跳转的链接地址 } document.getElementById(‘show‘).innerHTML=""+time+"秒后跳转到百度"; // 显示倒计时 time--; // 计数器递减 } </script> <span id="show"></span> </body> </html>
以上就是今天总结的定时跳转小方法