Eu fiz um código que ao iniciar meu evento, ele faz um bloco fazer um movimento do topo até embaixo. Se ele teclar a tecla "3" entre os pixels estabelecidos durante a animação, ele faz a animação ser removida e receber "1 acerto".
Porém se eu ficar teclando toda hora, ele vai somar mais de 1 cada vez que eu ficar teclando e eu vou ter muito mais acertos que deveria. Eu gostaria se tem como limitar a somente uma vez ele poder fazer isso e bloquear nas outras, fazendo ele ter somente 1 único acerto.
No JSFiddle abaixo, no caso do alert, seria como se eu ficasse teclando o 3 várias vezes a tecla e somando os acertos. No meu código não tem alert e sim no final ele me fala os acertos http://jsfiddle.net/m3fvL/
$(function cair() {
$(".blococair").fadeTo( 500, 1 );
$(".blococair").animate({
top: fim + "px",
},{
duration: 5000,
start: function () {
inicio = window.getComputedStyle(this).top.replace('px', '');
},
progress: function (a, p, r) {
var valorAtual = p * (fim - inicio);
$(document).keyup(function(e) {
if (e.which == 53 && Math.round(valorAtual) < 295) {
} else if (e.which == 53 && Math.round(valorAtual) >= 296 && Math.round(valorAtual) <= 315) {
$('.blococair').remove();
acertos++;
}})
},
"complete" : function() {
$('.blococair').remove();
},
start: function () {
inicio = window.getComputedStyle(this).top.replace('px', '');
},
})});