метод сцепления в mootools с использованием задержки для эффекта затухания

Question

Я хочу использовать метод цепочки в инструментах Moo 1.2.

Мои требования указаны ниже.

Когда загрузка страницы завершится.

Мой единственный элемент div говорит, что my_div установлен на скрытую видимость.

Через полсекунды его непрозрачность установлена ​​на 0,4 Затем снова через полсекунды его непрозрачность установлена ​​на 0,7 Затем снова через полсекунды его непрозрачность устанавливается на 1.

Так, как я мог сделать это с цепочкой в ​​Moo Tools 1.2.

И еще одно это.

Я мог бы передать параметр при вызове метода задержки. Например

function demo(arg1, arg2)
{
  // Demo code will be here
}

Так как я могу вызвать эту функцию с задержкой в ​​одну секунду, а также с передачей этих двух аргументов?

Answer 1

не знаю, зачем вам пробелы, когда вы можете сделать что-то подобное (попробуйте и посмотрите, работает ли оно лучше):

(function() {
    $("foo").set("tween", {duration: 1500}).setOpacity(0).fade(1);
}).delay(500);

но если вам нужно сделать это в соответствии с вашими спецификациями без анимации, то выполните:

(function() {
    $("foo").setOpacity(.4).setStyle("visibility", "visible");
}).delay(500);

(function() {
    $("foo").setOpacity(.7);
}).delay(1000);

(function(message) {
    $("foo").setOpacity(1).set("html", message);
}).delay(1500, this, "hello");

нет необходимости в цепочке, так как вы все равно запускаете изменения в заданное время, им не нужно ждать друг друга. но класс сцепления отлично подходит для анимации, как было предложено, http://mootools.net/docs/more/Class/Chain.Wait

что касается параметров, .delay поддерживает: (ms, bind [this и т.д.], аргументы) (в соответствии с последним примером цикла, который изменяет HTML-код div)

Answer 2

Посмотрите на Chain.Wait extra: http://mootools.net/docs/more/Class/Chain.Wait

Вам нужно перейти на http://mootools.net/more, чтобы получить пользовательскую сборку MooTools, которая включает расширения ожидания.

Answer 3

Как насчет этого?

setTimeout
(
    demo    // function to call
    , 500   // change this according to your needs
    , p1    // this goes to arg1
    , p2    // this goes to arg2
);

p.s. Я не знаю, для IE и Safari, но он работает на Firefox, Chrome и Opera.