Я пытаюсь создать игру Simon, и когда пользователь нажимает кнопку, я хочу, чтобы она анимировалась.
Я использовал addClass и setTimeOut с RemoveClass, анимация происходит, но я нужно нажать одну и ту же кнопку два раза.
var buttonColours = ["red", "blue", "green", "yellow"];
var gamePattern = [];
var userClickedPattern = [];
function playSound(name) {
var audio = new Audio("./sounds/" + name + ".mp3");
audio.play();
}
function nextSequence() {
var randomNumber = Math.floor(Math.random() * 4);
var randomChosenColour = buttonColours[randomNumber];
gamePattern.push(randomChosenColour);
$("#" + randomChosenColour).fadeOut(100).fadeIn(100);
playSound(randomChosenColour);
}
function animatePress(currentColour) {
$("." + currentColour).on("click", function () {
$("." + currentColour).addClass("pressed");
setTimeout(function () {
$("." + currentColour).removeClass("pressed");
}, 100);
})
}
$(".btn").on("click", function () {
var userChosenColour = this.id;
userClickedPattern.push(userChosenColour);
playSound(userChosenColour);
animatePress(userChosenColour);
})
Подробнее здесь: https://stackoverflow.com/questions/789 ... an-element
