我正在用 javascript 开发一个简单的游戏,只是为了学习 jquery 和动画,游戏非常简单,只需击中几个弹跳球。
$(document).ready(function() {
$('#stage').bind('click',function(e){
$("#bomb").show();
var x = e.clientX - this.offsetLeft -35 ;
var y = e.clientY - this.offsetTop -35 ;
$("#bomb").animate({left:x,top:y}, 200, function(){
$("#bomb").hide();
$("#bomb").css({ top: "365px",left:"240px"});
$("#bomb").show();
});
});
$("#box1").click(function() {hit("#box1");})
$("#box2").click(function() {hit("#box2");})
$("#box3").click(function() {hit("#box3");})
});
我想在 10 秒后停止执行,但我不知道如何实现这一点,我做了一个简单的 setTimeout,当我单击(并触发绑定方法)时,计数器会自行停止......任何建议?计数器的代码是:
var counter=setInterval(timer, 10000);
function timer()
{ count=count-1;
if (count < timeout)
{ clearInterval(counter);
imageUrl="img/BGgameover.gif";
$('#stage').css('background-image', 'url(' + imageUrl + ')');
$('#bomb').remove();
$('#stage').removeClass('running');
return;
}
document.getElementById("timer").innerHTML=count;
}