Stopper l'éxécution de mon algorithme pour éviter le spam

Version imprimable

Hey !

Bon, c'est assez difficile de donner un bon titre, mais voilà mon problème :

Avant toute chose voici mon site : http://www.simonrevenu.com/

Comme vous pouvez le voir, il faut utiliser les flèches de votre clavier pour vous déplacer.

Arrivé a la deuxième page (ou même la 5ème) il faut tourner à gauche ou a droite pour faire défiler les projets.

Maintenant, on en vient à mon problème : si vous spammer gauche droite gauche droite plein de fois, l'algorithme tourne jusqu'à faire toute les actions que vous lui avez données.

Comment puis je faire pour arrêter cet algorithme après UN seul appui sur une touche et ne pas garder en mémoire les autres ?

Voici un bout de code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 $(document).keyup(function(e) { var key = e.keyCode || e.charCode || e.which; switch (key) { case 39: if(index == 0){ index = 1; holder.find('.slider').animate({'left' : -500}, "linear"); holder.find('.dragger').animate( { 'left' : 740 }, speedAnim, 'linear'); holder.find('.left-arrow').animate({'opacity' : 1}, speedAnim, 'linear'); holder.find('.right-arrow').animate({'opacity' : 0}, speedAnim, 'linear'); holder.find('.oneSpec').animate({'margin-left' : 73}, speedAnim, 'linear'); }; break; case 37: if(index == 1){ index = 0; holder.find('.slider').animate({'left' : 0}, "linear"); holder.find('.dragger').animate( { 'left' : 70 }, speedAnim, 'linear'); holder.find('.left-arrow').animate({'opacity' : 0}, speedAnim, 'linear'); holder.find('.right-arrow').animate({'opacity' : 1}, speedAnim, 'linear'); holder.find('.oneSpec').animate({'margin-left' : 25}, speedAnim, 'linear'); }; break; }; });
Merci de votre aide !

23/04/2015, 00h00
Darkaurora

Tout de suite je dirais qu'il est certainement possible de le faire avec return. En gros il te suffit de définir un boolean qui te permettras de dire si tu continue l'action ou pas. Si les conditions ne sont pas satisfaisantes alors un "if" et un "return" suffit je pense.

Arf, depuis le post j'ai réussi a résoudre mon problème ^^

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
var canPress = true;
 
if(canPress == true)
{
	switch (key) {
		case 39:
		if(index == 0){
			canPress = false;
			index = 1;
			holder.find('.slider').animate({'left' : -500}, "linear", function(){canPress = true});
			holder.find('.dragger').animate( { 'left' : 740 }, speedAnim, 'linear');			
			holder.find('.left-arrow').animate({'opacity' : 1}, speedAnim, 'linear');
			holder.find('.right-arrow').animate({'opacity' : 0}, speedAnim, 'linear');
			holder.find('.oneSpec').animate({'margin-left' : 73}, speedAnim, 'linear');
		};
		break;
		case 37:
		if(index == 1){
			canPress = false;
			index = 0;
			holder.find('.slider').animate({'left' : 0}, "linear", function(){canPress = true});
			holder.find('.dragger').animate( { 'left' : 70 }, speedAnim, 'linear');
			holder.find('.left-arrow').animate({'opacity' : 0}, speedAnim, 'linear');
			holder.find('.right-arrow').animate({'opacity' : 1}, speedAnim, 'linear');
			holder.find('.oneSpec').animate({'margin-left' : 25}, speedAnim, 'linear');
		};
		break;
	};
}