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