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

为什么我的秒数只跳了一次

<!DOCTYPE html>
<html>
 <head>
  <title>浏览器对象</title>  
  <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>   
 </head>
 <body>
  <!--先编写好网页布局-->
  <h2>操作成功</h2>
  <p><span id="ctime" >5</span>回到主页<a href="back()">返回<a/></p>
 
  <script type="text/javascript"> 
    var index = window.location.host;
    var num = document.getElementById("ctime").innerHTML;
    function count(){
        num = num - 1;
        document.getElementById("ctime").innerHTML=num;
        if(num == 0){
        location.assign("www.imooc.com") ;
        }
    }//获取显示秒数的元素，通过定时器来更改秒数。
    setTimeout("count()",1000);
    function back(){
        window.history.back()
    }
   //通过window的location和history对象来控制网页的跳转。
   
 </script> 
</body>
</html>

Ticvory

2016-11-02

源自：JavaScript进阶篇 8-17

关注问题我要回答

1226

操作

收起

4 回答

一直都在路上回答被采纳 +3 积分
2016-11-02

你要用setInterval（）同学 setTimeout 只会触发一次

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

#1

Ticvory 提问者

我是不是把setTimeout();放在函数内就可以完成setInterval();一样的功能？

2016-11-03 回复有任何疑惑可以回复我~

#2

一直都在路上回复 Ticvory 提问者

是的，记得每次开始前清楚一下上一次的时间

2016-11-03 回复有任何疑惑可以回复我~

#3

一直都在路上回复 Ticvory 提问者

清除一下，打错字~clearInterval

2016-11-03 回复有任何疑惑可以回复我~

查看1条回复

沐皓
2016-11-09

里面最后加一个setTimeout

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

colg
2016-11-02

<!DOCTYPE html>
<html>
<head>
	<title>浏览器对象</title>
	<meta http-equiv="Content-Type" content="text/html; charset=gkb" />
</head>
<body>
	<!--先编写好网页布局-->
	<h2>操作成功</h2>
	<p><span id="ctime" >5</span>回到主页<a href="back()">返回</a></p>

	<script type="text/javascript">
		var index = window.location.host;
		var num = document.getElementById("ctime").innerHTML;

		function count() {
			num = num - 1;
			document.getElementById("ctime").innerHTML = num;
			if (num == 0) {
				location.assign("www.imooc.com");
			}
		}

		//获取显示秒数的元素，通过定时器来更改秒数。
		//setTimeout不会重复
		//setTimeout("count()", 1000);

		//SetInterval为自动重复
		setInterval("count()", 1000);

		//通过window的location和history对象来控制网页的跳转。
		function back() {
			window.history.back()
		}
	</script>
</body>
</html>

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

Dengju
2016-11-02

<!DOCTYPE html>

<html>

<head>

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

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

</head>

<body>

<p>操作成功</p></br>

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

<p>秒后回到主页

<input type="button" value="返回" onclick="goback()">

</p>

</br>

<script type="text/javascript">

var num=document.getElementById("count").innerHTML;

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

function startCount(){

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

num=num-1;

if(num==0)

location.assign("www.imooc.com");

}

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

setInterval("startCount()",1000);

function goback(){

window.history.go(-1);

}

</script>

</body>

</html>

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

举报

0/150

提交

取消

JavaScript进阶篇

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

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

本课相似问答

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

2 回答为什么秒数跳的很快啊感觉1秒跳两下

2 回答为什么100毫秒也是1秒变一次啊

2 回答为什么我的要到-2秒后才跳转呢？

3 回答为什么这个不能秒数一直跳动呢？求解啊

搜索更多本课相关问答

为什么我的秒数只跳了一次

我要回答关注问题

意见反馈帮助中心 APP下载