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

不知道错在哪儿了求大神解答TAT

<!DOCTYPE html>

<html>

<head>

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

</head>

<body>

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

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

var num=6;

function clock()

{

document.getElementById("ms").innerHTML=num-1;

}

num--;

setInterval("clock()",1000);

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

function goBack()

{

window.history.back;

}

</script>

</body>

</html>

July404

2019-10-10

源自：JavaScript进阶篇 8-17

关注问题我要回答

988

操作

收起

2 回答

qq_慕慕947699 回答被采纳 +2 积分
2019-10-10

<body onload="clock()">  
<!--先编写好网页布局-->  
<h3><b>操作成功</b></h3>  
<!-- <span id="ms">5</sapn> 标签写错了 -->  
<span id="ms">5</span>秒后回到主页&nbsp;<a href="#" onclick="goBack()">返回</a>    
<script type="text/javascript">      
//获取显示秒数的元素，通过定时器来更改秒数。      
var num = 6;      
function clock() {        
// document.getElementById("ms").innerHTML=num-1;--> 写了num-- 以后不需要写这个        
num--;        
document.getElementById("ms").innerHTML = num;                
if (num == 0) {          
window.location.replace('http://www.baidu.com')          
return;        
}        
// num--;挪进方法里边        
setTimeout("clock()", 1000);               
}      
//通过window的location和history对象来控制网页的跳转。      
function goBack() {        
// window.history.back===>要加括号调用;        
window.history.back();      
}    
</script>
</body>

然后如果你要看setIterval的写法可以参考我上一个回答，

setTimeout：是从现在算起多少ms后运行该代码（只运行一次），执行完销毁重新创建，至始至终只有一个存在
setInterval：是每隔多少ms运行一次代码，这个代码会不断的执行的，不清楚继续使用会出现出现多个定时器一起计时

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

收起回答

JeniferLuo

请问if后面的return的作用是什么？

2020-05-12 回复有任何疑惑可以回复我~

qq_慕慕947699
2019-10-10

<!DOCTYPE html>
<html> 
<head>  
<title>浏览器对象</title>    
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>    
</head> 
<body onload="timerb()">  
<!--先编写好网页布局-->  
<h3>操作成功</h3>  
<p id="p1"></p>  
<button onclick="goBack()">返回</button>     
<script type="text/javascript">      
    //获取显示秒数的元素，通过定时器来更改秒数。   
    var num = 10;    
    var timer = null;    
    function timerb() {      
        document.getElementById('p1').innerHTML = num + '秒后跳到首页'      
        num--;      
        if (!timer) {        
            timer = setInterval("timerb()", 1000)     
         }      
         if (num === 0) {        
             timer = null;        
             location.replace('http://www.baidu.com')      
         }    
     }    
     //通过window的location和history对象来控制网页的跳转。   
     function goBack(){       
         window.history.back()   
     } 
 </script> 
 </body>
 </html>

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

收起回答