Javascript 一次运行2个动画
我正在为孩子们创建一个射击游戏,游戏中的数字从下到上,他们必须点击与问题匹配的正确数字 我目前使用此代码开始从下到上移动数字Javascript 一次运行2个动画,javascript,jquery,animation,jquery-animate,Javascript,Jquery,Animation,Jquery Animate,我正在为孩子们创建一个射击游戏,游戏中的数字从下到上,他们必须点击与问题匹配的正确数字 我目前使用此代码开始从下到上移动数字 var bWidth = $('#' + id).width(); var bHeight = $('#' + id).css('top', '400px').fadeIn(1000).animate({ 'top': '-100px' }, 7000).fadeOut(1000); 问题是,当用户得到正确的答案时,我会用另一个动画来显示它是正确的,错误的答案也
var bWidth = $('#' + id).width();
var bHeight = $('#' + id).css('top', '400px').fadeIn(1000).animate({
'top': '-100px'
}, 7000).fadeOut(1000);
问题是,当用户得到正确的答案时,我会用另一个动画来显示它是正确的,错误的答案也是如此
$(".character").click(function () {
$(this).stop();
if ($(this).hasClass("clock")) {
if ($(this).hasClass("up")) {
$(this).effect("explode", 300);
count += 5;
} else if ($(this).hasClass("down")) {
$(this).effect("bounce", {
times: 2,
direction: 'left'
}, 300, function() {
$(this).slideUp('fast');
});
count -= 5;
}
$('#timer').text(count);
} else {
if ($(this).hasClass("wrong")) {
$(this).effect("bounce", {
times: 2,
direction: 'left'
}, 300, function() {
$(this).slideUp('fast');
});
miss++;
attempted++;
$("#miss").html("Wrong: " + miss);
} else {
$(this).effect("explode", 300);
hit++;
attempted++;
$("#hit").html("Right: " + hit);
correctlabels();
}
}
});
我的问题是,当我点击数字时,在第二个动画开始之前会有一个很大的停顿,有时甚至根本不起作用
我想知道是否有人可以告诉我一个方法,使它顺利运行。谢谢
这里有一个帮助提示:在动画()选项中使用
队列:false
:
当单击它或移动时@卢克森