代码测试正常,有问题的同学可以参考哈!

来源:8-17 编程练习

慕婉清9404838

2020-07-19 22:32

<!DOCTYPE html>
<html>
<head>
    <title>浏览器对象</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>
<br />

<a href="#target1">第一个锚点</a>

<a name="target1"></a>

<br />
<!--先编写好网页布局-->
<h2>操作成功</h2>
<span id="djs">5</span>秒后回到主页 <a href="javascript:" onclick="window.history.back();">返回</a>
<script type="text/javascript">
        var t = 5;
        function cuttime(){
            document.getElementById('djs').innerHTML=t;
            t = t - 1;
            setTimeout("cuttime()",1000);
            if(t==0){
                window.location.replace("https://www.imooc.com/");
            }
        }
        cuttime();
    //获取显示秒数的元素,通过定时器来更改秒数。
    //通过window的location和history对象来控制网页的跳转。

</script>
</body>
</html>


写回答 关注

2回答

  • 慕尼黑1441384
    2020-08-02 22:49:35

    修正后正常运行的代码:

    <!DOCTYPE html>

    <html>

    <head>

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

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

    </head>

    <body>

    <br />

    <a href="#target1">第一个锚点</a>

    <a name="target1"></a>

    <br />

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

    <h2>操作成功</h2>

    <span id="djs">5</span>秒后回到主页 <a href="javascript:" onclick="window.history.back();">返回</a>


    <script type="text/javascript">

            var t = 5;

            function cuttime(){

                document.getElementById('djs').innerHTML=t;

                t = t - 1;

                var g = setTimeout("cuttime()",1000);

                if(t==0){

                    clearTimeout(g);

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

                }

            }

            cuttime();

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

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


    </script>

    </body>

    </html>


    慕设计703...

    为什么最后还需要加个cuttime()才可以运行?

    2021-10-25 16:19:15

    共 1 条回复 >

  • 前端学习中
    2020-07-21 17:18:32

    http://img3.mukewang.com/5f16b17500017dcf03610214.jpghttp://img.mukewang.com/5f16b1790001a8e601360030.jpg重复点击第一个锚点,再点返回,会出现这样的现象

JavaScript进阶篇

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

468194 学习 · 21891 问题

查看课程

相似问题