打地鼠游戏(1)之使用递归函数实现倒计时

<div>倒计时:<span id="time">60</span></div>
<input type="button" value="开始" onclick="GameStart()" />

  

当我们点击开始按钮,执行GameStart()方法:

//开始游戏方法
function GameStart(){
  if(Game.time > 0 && Game.time != 61){
    alert("游戏尚未结束,不能重新开始哦!");
    return;
  }
  Game.startTime();//开始倒计时
}

//定义一个键值对方式的对象

var Game={
  time:61,//设置游戏时间
  startTime:function(){//游戏倒计时
  var _this=this;
  _this.time-=1;//执行递减
  document.getElementById('time').innerHTML=_this.time;
    if(_this.time>0){
      setTimeout(function(){_this.startTime()},1000);//一秒执行一次(递归函数)
    }
  }
}

  

posted @ 2018-11-15 16:56  落日知暮  阅读(296)  评论(0编辑  收藏  举报
作者:boyzi007 出处:http://www.cnblogs.com/boyzi/ QQ:470797533 QQ交流群:364307742 本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。