                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

为什么秒数不会变动，直接从5就蹦到0了？不显示4、3、2、1？

大神帮帮忙~谢谢~

想去非洲耍___

2016-02-23

源自：JavaScript进阶篇 8-17

关注问题我要回答

662

操作

收起

4 回答

湖工咖啡回答被采纳 +3 积分
2016-02-23

问题1：

for(var i=5;i>=0;i--){

document.getElementById("sec").innerHTML=i;

if(i==0){window.location.assign("http://www.imooc.com/");}

}

这个循环体并不是每个1s执行一次的，而是不受时间控制的连续执行

问题2：

var int=setInterval(clock,5000);

5000是不是应该改成1000呢？

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

#1

想去非洲耍___ 提问者

也就是说for循环是先完成循环，再被计时器调用，所以计时器对for循环没有起作用。是吗？那个5000是我估计设置的啦，让时间慢一点好让我看清楚变化过程~ 谢谢你啊~

2016-02-23 回复有任何疑惑可以回复我~

ConradW
2016-02-23

<script type="text/javascript">
    var int=setInterval("clock()",1000);
    var i=5;
    function clock(){
        i--;
        document.getElementById("sec").innerHTML=i;
        if(i==0){window.location.assign("http://www.imooc.com/");}
    }

    function backweb(){window.history.back();}
    
</script>

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

lanhao
2016-02-23

<!DOCTYPE html>
<html>
 <head>
  <title>浏览器对象</title>  
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>   
 </head>
 <body>
  <!--先编写好网页布局可以用span-->
   <h2>操作成功</h2>
   <p><span id="sec">5</span>秒后返回主页<a href=""  target="_blank" onclick="backweb()">返回</a></p>
  
 
  <script type="text/javascript">  
     var int=setInterval(clock,1000);
	 var i=5;
     function clock(){
		document.getElementById("sec").innerHTML=i;
		i--;
        if(i==0){window.location.assign("http://www.imooc.com/");}
    }
     
     
     function backweb(){window.history.back();}
 
 
 
   //获取显示秒数的元素，通过定时器来更改秒数。写在js

   //通过window的location和history对象来控制网页的跳转。
   
 </script> 
</body>
</html>
</html>

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

湖工咖啡
2016-02-23

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

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

</head>

<body>

<h4>

操作成功

</h4>

<span id = "newtime">5</span>

秒后回到主页

<a href="javascript:banklast()">返回</a>

<script type="text/javascript">

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

var mytime = 5;

var i ,j;

function changetime()

{

document.getElementById("newtime").innerHTML = mytime;

mytime --;

if(mytime == 0)

{

clearInterval(i);

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

}

}

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

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

function banklast()

{

history.back();

alert("1123");

}

</script>

</body>

</html>

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

举报

0/150

提交

取消

JavaScript进阶篇

参与学习 468044 人
解答问题 21891 个

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

本课相似问答

1 回答我的跳转为什么直接从4秒跳到2秒

2 回答不会自动返回，而且秒数直接减少到0了

2 回答为什么直接从5减到0，还一直往下

1 回答显示2位数的秒为什么不行？

5 回答为什么变量sum不需要先声明，直接就sum=3+2了

搜索更多本课相关问答

为什么秒数不会变动，直接从5就蹦到0了？不显示4、3、2、1？

我要回答关注问题

意见反馈帮助中心 APP下载