打地鼠游戏(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);//一秒执行一次(递归函数)
    }
  }
}

  

原文地址:https://www.cnblogs.com/boyzi/p/9964589.html