js案例：5秒后网页自动跳转location.href

最新推荐文章于 2023-10-18 15:00:37 发布

新生代农民工官方认证码农小拽

最新推荐文章于 2023-10-18 15:00:37 发布

阅读量1.6k

点赞数 1

本文链接：https://blog.csdn.net/tuzi007a/article/details/105449626

版权

<!DOCTYPE HTML>
<html>
 <head>
  <title>案例：5秒钟之后自动跳转页面</title>
  <meta charset="utf-8" />
  <style>
  </style>
 </head>
 <body>
  <button id="btn">点击进入</button>
  <script>


   var btn = document.getElementById('btn');
   btn.addEventListener('click', function() {
    var timer = null;
    var num = 5;

    var timer = setInterval(function() {
     if(num == 0) {
     //clearTimeout(timer);
     location.href = 'https://www.bilibili.com/';
     //num = 5;
      }  
       else {
         btn.innerHTML = num + '秒后将会带您进入B站首页';
          num--;
        }  
     }, 1000);
  })
  </script>
 </body>
</html>