求大神指导其中还有什么需要改进的地方

个回答

爱3

2017-08-17 13:16:46

已采纳

个人观点：
你用了两个计时器，一个用来-1计秒，一个用来5秒后跳转，题目的意思应该是只用一个计时器，当计秒到0后之前跳转（结束计时器）；而且你的计时器都是没有清除的

0
慕圣9424722

2017-08-20 18:12:55

<body>

<p>操作成功</p>
<div>
<span id="second"></span>
<a>秒后回到主页</a>
<a href="" onclick="Go()">返回</a>
</div>
<script type="text/javascript">
var t=5;
function oStart(){
document.getElementById("second").innerHTML=t;
t=t-1;
if(t<0){
window.location.assign("https://www.baidu.com")
}
setTimeout(oStart,1000)
}
oStart();
function Go(){
window.history.go(1)
}
//获取显示秒数的元素，通过定时器来更改秒数。
//通过window的location和history对象来控制网页的跳转。
</script>

0

我要SSR: 2017-08-17 17:45:24

 <body>
  <!--先编写好网页布局-->
  <h1>操作成功</h1>
  <div><span id="s">5</span>秒后回到主页 <a href="javascript:back()">返回</a></div>
 
  <script type="text/javascript">  
 var num=document.getElementById("s").innerHTML;
   //获取显示秒数的元素，通过定时器来更改秒数。
function conn(){
    if(num>1){
        num--;
        document.getElementById("s").innerHTML=num;
    }
    else{
        location.assign("http://www.imooc.com");
    }
}
   setInterval("conn()",1000);
   //通过window的location和history对象来控制网页的跳转。
   function back(){
       window.history.back();
   }
 </script> 
</body>

你也可以试试这个

DF_Be_happy

2017-08-17 12:00:48

我觉得写的挺好的了。我不是专业的前端。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script>

setInterval(bb,1000);
var i =5;
function bb() {
i--;
          document.getElementById("demo").innerHTML=i;
          if(i<=0){
          window.open('http://www.imooc.com/u/5679319/courses','_self','width=200,height=300')
          }
}

function aa(){
window.history.forward()
}
</script>
</head>
<body>
<h3>操作成功</h3>
<span id="demo">5</span>
<span id="demc">秒后回到主页</span>
<a href="" onclick="aa()">返回</a>
</body>
</html>

0