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

这段代码哪里出问题了?既不跳转数字也不自动更新

<!DOCTYPE html>
<html>
 <head>
  <title>浏览器对象</title>  
  <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>   
 </head>
 <body>
  <p><b>操作成功</b><br\></p>
  <p><span id="tion">5秒后回到主页</span><a href="" onclick="bac()">返回</a></p>
  <script type="text/javascript"> 
  window.onload=function(){
     var i = 5;
     var id=setTimeout("print()", 1000);;
     var e=document.getElementById("tion");
    //获取显示秒数的元素,通过定时器来更改秒数。
     setTimeout("print()", 1000");
     function print(){
         i--;
         if(i==0){
             window.location="http://www.imooc.com";
             clearInterval(id);
             return;
         }
         e.innerHTML=i+"秒后回到主页";
         setTimeout("print()", 1000);
     }
    //通过window的location和history对象来控制网页的跳转。
    function bac(){
        window.history.back();
    }
  }
 </script> 
</body>
</html>


正在回答

2 回答

1,Html这部分代码:

 <string  id="numm">5</string>秒后回到主页<a href="#" onclick="goBack()">返回</a>

2,<script></script>中代码:

var stop;

    function load1(){

        var num = parseInt(document.getElementById("numm").innerHTML);

        if(num!=0){

            num = num - 1;

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

        }else{window.clearInterval(stop);

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

        }

    }

    stop = window.setInterval("load1()",1000);

    function goBack(){

       window.clearInterval(stop);

       window.history.back();

   }

3,注意体会里面的条件选择语句,你会发现代码很美。


0 回复 有任何疑惑可以回复我~
#1

A破烂 提问者

谢谢你的耐心解答~这段代码的确简洁而且明了。感谢能够给出这样的样例。 不过我想请教一下我原来的代码是哪里写错了吗?不知道自己是不是语法搞错了还是没理解。
2017-01-31 回复 有任何疑惑可以回复我~
#2

千百度宝宝 回复 A破烂 提问者

你看到没有那个5字是动态的。而你的是固定的。其实没必要转牛角尖,记住典型的方法,等以后积累多了,熟练了就会游刃有余的写出不同的方法。加油!
2017-01-31 回复 有任何疑惑可以回复我~
#3

A破烂 提问者 回复 千百度宝宝

好的多谢了!
2017-01-31 回复 有任何疑惑可以回复我~

先给你个栗子,你比较看看。

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

这段代码哪里出问题了?既不跳转数字也不自动更新

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