继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

8-17编程练习 做一个倒计时返回的例程

Nimiky
关注TA
已关注
手记 5
粉丝 15
获赞 24

一开始是因为浏览器自动屏蔽弹窗,导致调试了好久,后来是因为location.assig(),拼写出错,导致浪费了一些时间,总的来说收获很大。

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

    <script type="text/javascript">  
 var i =document.getElementById("num").innerHTML;
   //获取显示秒数的元素,通过定时器来更改秒数。
function count(){
    //i--;
document.getElementById("num").innerHTML = --i;
if(i==0){
     location.assign("www.imooc.com");
    }

    //location.assgin("www.baidu.com");
}
var j =setInterval("count()",2000);
   //通过window的location和history对象来控制网页的跳转。
   function back(){
       window.history.back();
   }
 </script> 
</body>
</html>
打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP