<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>自动跳转</title>
    <style>
        p{
            text-align: center;
        }
        span{
            color: red;
        }
    </style>
</head>
<body>
      <p>
          <span id="time">5</span>秒后自动跳转.......
      </p>
     <script>
         var second = 5 ;
         var time = document.getElementById("time");
         function showTime() {
             second--;
             if(second <= 0){
                 location.href = "https://www.baidu.com"
             }
             time.innerHTML=second+"";
         }
         setInterval(showTime,1000);
     </script>
</body>
</html>原文:https://www.cnblogs.com/newcityboy/p/11406238.html