为什么不能无线计时

源自：8-17 编程练习

为什么不能无线计时

<!DOCTYPE html>

<html>

<head>

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

</head>

<body>

<p><span id="setTimeout">5</span>秒后到主页<a href="#">返回</a></p>

var num=5

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

function aa(){

document.getElementById("setTimeout").innerHTML=num;

num--;

setTimeout("aa()",1000)

}

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

</script>

</body>

</html>

提问者：qq_没有美腿的宝马_0 2016-04-17 12:14

个回答

北纬95度: 2016-04-20 11:04:10

好几天没上慕课了，没注意，我改了下

<!DOCTYPE html>
<html>
<head>
    <title>浏览器对象</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>
</head>
<body>
<!--先编写好网页布局-->
<srtong>操作成功</srtong>
<div id="setTimeout"><span id="setTimeout1"></span>秒后到主页<a href="#">返回</a></div>
<script type="text/javascript">
    var num = 5;
    //获取显示秒数的元素，通过定时器来更改秒数。
    var add = document.getElementById("setTimeout");
    var span1 = document.createElement("span");
    function num1() {
        if(num>=0){
            document.getElementById('setTimeout1').innerHTML = num;
            num--;
            setTimeout('num1()', 1000);
        }else{
            return;
        }

    }
    span1.innerHTML = num1();
</script>
</body>
</html>

我是先把函数封装起来再调用就好了

北纬95度: 2016-04-17 13:29:59

<!DOCTYPE html>
<html>
<head>
    <title>浏览器对象</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>
</head>
<body>
<!--先编写好网页布局-->
<p>操作成果</p>
<input id="jishiqi" value="6" type="button" style="border: none;background-color:white; "/><span>秒后回到主页</span><a
        href="#" onclick="backBefore();">返回</a>

<script type="text/javascript">
    var a = document.getElementById("jishiqi");
    function dsq() {
        if (a.value > 1) {
            a.value = a.value - 1;
        }
        setTimeout("dsq();", 1000);
    }
    dsq();

    setTimeout("openNewLink();", 5000);
    function openNewLink() {
        window.open("http://www.baidu.com", '_self');
    }
    function backBefore() {
        window.open(history.back(), '_self');
    }
    //获取显示秒数的元素，通过定时器来更改秒数。

    //通过window的location和history对象来控制网页的跳转。
    //   function backBefore(){

    //   }

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

倒数计时我是用input做的