倒计时自动关闭/跳转页面

<!DOCTYPE HTML>
<html>
<head>
<title>倒计时自动关闭/跳转页面</title>
<meta charset="utf-8" />

</head>
<body>
	<span>5秒钟后自动关闭</span><br>
	<a  href="javascript:stop()">留在本页</a>
  <script>
    //5秒后关闭窗口
    //var timer=setTimeout(function(){close()},5000);
    //停止定时器
    //function stop(){
      //clearTimeout(timer);
    //}
    function task(){
      //获取内容中的5
      var span=document.body.children[0];
      var n=parseInt(span.innerHTML);//去掉非数字字符
      if (n!=0){
        n--;
        span.innerHTML=`${n}秒钟后自动关闭`;
      }else{
        close()
      }
    }
    //开启定时器
    var timer=setInterval(task,1000);
    //停止定时器
    function stop(){
      clearInterval(timer);
    }
  </script>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/weixin_42103706/article/details/84137570