我正在试图用jquery制作一个使用函数附加子弹的游戏。到目前为止,只要我按空格键就会生成子弹,但是我想生成3-5个子弹。将生成3-5个子弹,然后再短暂休息,然后再生成3-5个子弹,并继续进行。子弹被附加为div
元素。下面是代码,在jQuery中一次生成多个div
function generateBullet() {
var Player = $('#player');
var PlayerLeft = Player.offset().left;
var PlayerTop = Player.offset().top - 50;
var appendingValue = "<div class='bulletID' style=' position: absolute; left: 250px; top: 250px;'></div>";
var appendSize = $('.bulletID').size();
if (appendSize >= 3) {
$('#content').delay(5000).append(appendingValue);
} else {
$('#content').append(appendingValue);
}
}
function animateBullet() {
var bulletID = $('.bulletID');
bulletID.each(function() {
var nowTop = $(this).offset().top;
$(this).css("top", nowTop - 25);
});
}
var keys = {}
$(document).keydown(function (e) {
keys[e.keyCode] = true;
});
$(document).keyup(function (e) {
delete keys[e.keyCode];
});
function shoot() {
var Player = $('#player');
for (var direction in keys) {
if (!keys.hasOwnProperty(direction)) continue;
if (direction == 32) {
generateBullet();
}
}
}
的jsfiddle DEMO:http://jsfiddle.net/ygz5wo7r/1/
我没有得到任何更多的想法如何做到这一点。您的帮助将非常感激。 TNQ。
的ID应该是唯一的'$( '#bulletID')'只返回第一个1个 – andrew 2014-09-18 17:31:43
@andrew,更新的jsfiddle 。再来一次! – 2014-09-18 17:38:51
在空间按键上会产生3-5个子弹,或者在空间保持时产生3-5个子弹,然后短暂休息 – 2014-09-18 17:42:00