设置jQuery动画的队列长度

Question

Is there a way to set a queue length of animation functions?

Imagine someone fires a jQuery animate function using the arrow keys. Now he dashes the arrow keys like crazy and has to wait for the queued functions to complete which may take a lot of time and may be confusing and nerve-wracking. I know you can stop() an animation but I want it to simply have a queue length of let's say three.

Here's a fiddle . Open it and hit your keys.

Example code:

var div = $(".bouncer");

function runIt() {
div
    .animate({ left: "+=200" }, 500 )
    .animate({ left: "-=200" }, 500 )
}

$(document).keydown(function(e) {
    if (e.keyCode) {
        runIt();
    }
});

Answer 1

As of i know there is no direct method to do that, but try this :

var div = $(".bouncer");

function runIt() {
div.animate({left: "+=200" }, 500)
   .animate({left: "-=200" }, 500)
}

$(document).keydown(function (e) {
if (e.keyCode) {
    var len=div.queue("fx").length;
    if(len<=1)
      runIt();
    }
});

jsfiddle.net/kcCG5/4/