$(...).delay()

Добавляет в очередь каждого элемента текущей FlyNode задержку перед анимацией заданной продолжительности.

$(...).delay(duration)
$(...).delay(options)


                                    FlyDomNode: {
                        __constructor: function(context) {
                            var array = fnNodeList.makeDomNodeArray(context);
                            for (var a = 0, al = array.length; a < al; a++) {
                                this[a] = array[a];
                            }
                            this.length = al;
                        },

                        size: function() {
                            return this.length;
                        },

                        get: function(index) {
                            return $.isNumber(index) ? this[index] : [].slice.call(this);
                        },

                        addNode: function(flyNode) {
                            return fnNodeList.changeNodeContext(this, flyNode, function(child, context) {
                                context.indexOf(child) === -1 && context.push(child);
                            });
                        },

                        removeNode: function(flyNode) {
                            return fnNodeList.changeNodeContext(this, flyNode, function(child, context) {
                                var position = context.indexOf(child);
                                if (position !== -1) context.splice(position, 1);
                            });
                        },

                        eq: function(index) {
                            if (index < 0) index = index + this.length;
                            return new this.__self(this[index]);
                        },

                        lt: function(index) {
                            return new this.__self(this.slice(0, index));
                        },

                        gt: function(index) {
                            return new this.__self(this.slice(index));
                        },

                        last: function(selector) {
                            var element = this[this.length - 1];
                            return new this.__self(fnStyle.isMatch(element, selector) ? element : []);
                        },

                        first: function(selector) {
                            var element = this[0];
                            return new this.__self(fnStyle.isMatch(element, selector) ? element : []);
                        },

                        normalize: function() {
                            return fnNodeList.transformNodeContext(this, function(item, context) {
                                if ($.isNode(item)) context.push(item);
                            });
                        },

                        each: function(callback, context) {
                            $.each(this, callback, context);
                            return this;
                        },

                        name: function() {
                            return this[0].tagName.toLowerCase() || null;
                        }
                    }

$(...).delay(duration)
Возвращает: FlyNode^[$]

Добавляет задержку с указанной продолжительностью в очередь каждого элемента текущей FlyNode.

duration (default 400): Number¹²³

Продолжительность задержки в миллисекундах.

Учтите, что задержка распространяется только на метод $(...).animate(), но не на $(...).css() или $(...).stylize().

Пример: Задержка перед анимацией.

<!DOCTYPE html>
    <head>
        <meta charset="utf-8"/>
        <title>Fly.js - $(...).delay()</title>

        <script src="/scripts/fly.js"></script>
        <style>
            div {
                height: 30px; width: 30px;
                position: relative; background: red;
            }
        </style>
    </head>
    <body>
        <button>Animate!</button>
        <div></div>

        <script>
            $('button').once('click', function() {
                $(this).attr('disabled', 'disabled');
                $('div')
                    .delay(2000)
                    .animate({left: '+=200px'})
                    .delay(2000)
                    .animate({left: '-=200px'});
            });
        </script>
    </body>
</html>

$(...).delay(options)
Возвращает: FlyNode^[$]

Добавляет задержку с указанными опциями в очередь каждого элемента текущей FlyNode.

options: Object^{} or String^ABC

Пресет с опциями задержки.

Аргумент options может быть представлен строкой (названием пресета анимации) или объектом с опциями.

В выбранном пресете обязательно должен присутствовать параметр duration, функции для задержки (step, success, error, complete) указывать не обязательно. Все остальные параметры пресета будут игнорироваться.

Подробнее о функциях можно узнать в документации к методу $(...).animate().

Пример: Использование функций задержки.

<!DOCTYPE html>
    <head>
        <meta charset="utf-8"/>
        <title>Fly.js - $(...).delay()</title>

        <script src="/scripts/fly.js"></script>
        <style>
            div {
                height: 30px; width: 30px;
                position: relative; background: red;
            }
        </style>
    </head>
    <body>
        <button>Animate!</button>
        <div></div>
        <b></b>

        <script>
            $.set('animate', 'default', {
                duration: 2000,
                success: function() {
                    $('b').append('Success! ');
                }
            });

            $('button').once('click', function() {
                $(this).attr('disabled', 'disabled');
                $('div')
                    .delay('default')
                    .animate({left: '+=200px'})
                    .delay('default')
                    .animate({left: '-=200px'});
            });
        </script>
    </body>
</html>

$(...).delay()

$(...).delay(duration)Возвращает: FlyNode [$]

duration (default 400): Number 123