为了账号安全,请及时绑定邮箱和手机立即绑定

简单明了代码

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>跳转提示页面</title>


<script type="text/javascript">

  // 倒计时跳转

  function countdown() {

    var seconds = 5; // 跳转倒计时秒数

    var countdownElement = document.getElementById('countdown');


    var countdownInterval = setInterval(function() {

      seconds--;

      countdownElement.innerText = seconds;


      if (seconds <= 0) {

        clearInterval(countdownInterval);

        redirectToNewPage();

      }

    }, 1000);

  }


  // 跳转到新页面

  function redirectToNewPage() {

    window.location.href = "https://www.imooc.com/";

  }


  // 返回前一个页面

  function goBack() {

    window.history.back();

  }

</script>

</head>

<body onload="countdown()">

  <h1>跳转提示页面</h1>

  <p>将在 <span id="countdown">5</span> 秒后自动跳转到新的地址。</p>

  <button onclick="goBack()">返回</button>

</body>

</html>


正在回答

举报

0/150
提交
取消
JavaScript进阶篇
  • 参与学习       467082    人
  • 解答问题       21874    个

本课程从如何插入JS代码开始,带您进入网页动态交互世界

进入课程

简单明了代码

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信