可以参考我这个正确答案,当然方法有很多种

来源:8-17 编程练习

慕虎9317830

2019-06-22 19:17

<!DOCTYPE html>

<html>

 <head>

  <title>浏览器对象</title>  

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

 </head>

 <body>

  <!--先编写好网页布局-->

  

  <h3>操作成功</h3>

<p>

<span id="s">

5

</span>

<span>秒后回到主页</span>

<a href="#" onclick="tiaozhuan()">返回</a>

</p>

 

   <script type="text/javascript">  

 

   //获取显示秒数的元素,通过定时器来更改秒数。

var e = document.getElementById("s");

var s = parseInt(e.innerText);

var intervalId;

intervalId = window.setInterval('showS()',1000);

function showS(){

s-=1;

if(s<1){

window.clearInterval(intervalId);

tiaozhuan();

}

e.innerText = s;


}

   //通过window的location和history对象来控制网页的跳转。

   function tiaozhuan(){


  if(window.history.length > 0) {

  history.back();

  }


   }

 </script> 

</body>

</html>


写回答 关注

3回答

  • 慕移动8517387
    2019-08-21 23:53:56

    主题是5秒会跳转到新的页面,你这个是5秒后返回到前一个页面


  • 学习为了泡妞
    2019-07-10 03:15:09

    //body

    <h1>操作成功</h1>

    <pre><span id='s'></span>秒回到主页<h2 id="back" onclick="tiaozhuan()">返回</h2></pre>

     

    //<script>

    var i=setInterval(jian,1000);

    var time=document.getElementById('s');

    var num=5;

    function jian(){

    time.innerHTML=num;

    num--;

    if(num<0)

    {

    clearInterval(i);

    location.href="https://www.baidu.com";

    }

    }

    function tiaozhuan(){

    if(history.length>0)

    history.forward(1);

    }


  • 慕侠4410839
    2019-07-01 20:21:07

    var  time=5;

     i=setInterval("clock()",1000);

    function clock(){

        document.getElementById("second").innerText=time;

        time--;

        if(time<0)

    {

      clearInterval(i);

    //window.location.assign("http://www.imooc.com");

      location.href="http://www.imooc.com";

    }

    }


    //通过window的location和history对象来控制网页的跳转。

       function tiaozhuan(){

    history.go(1);

    }


JavaScript进阶篇

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

468191 学习 · 21891 问题

查看课程

相似问题