终于写出来了,调试了半天。。。

来源:8-17 编程练习

蝉时雨丶0909

2019-02-16 16:20

<!DOCTYPE html>

<html>

 <head>

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

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

  <style>

    .tips{

        font-size:20px;

        font-weight:bold;

    }

    .comeback{

        line-height:2em;

    }

    a{

        margin:0 10px;

    } 

     

     

  </style>

 </head>

 <body>

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

  <div class="test">

    <p class="tips">操作成功</p>

    <p class="comeback"><span id="backtime">5</span>秒后回到主页<a href="#" onclick="GoBack()">返回</a>

    </p>

  </div>

  

 

  <script type="text/javascript">  

 

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

    var a=5;

    function countDown(){

        document.getElementById("backtime").firstChild.nodeValue=a;

        a--;

        if(a==0){

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

        }

    }

    

    var q =setInterval("countDown()",1000);

    

    function GoBack() {

        window.history.back();    

        }


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

   

 </script> 

</body>

</html>


写回答 关注

1回答

  • _漫漫前端路
    2019-06-19 10:35:32

    继续加油?

JavaScript进阶篇

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

468194 学习 · 21891 问题

查看课程

相似问题