jQuery - 如何在效果之间延迟？

Question

我只是想在行动开始之前推迟行动，但我似乎遇到了一些麻烦。

这是我的代码：

$(document).ready(function(){
    $(".action1").bind("load", function () { $(this).fadeOut('slow'); });
    $(".action2").bind("load", function () { $(this).fadeIn('slow'); });
});

我基本上想要将第一个动作延迟几秒钟（onLoad）。

Answer 1

试试这个（在fadeOut调用之前为第一个元素添加延迟）：

$(document).ready(function(){
    $(".action1").bind("load", function () { $(this).delay(2000).fadeOut('slow'); }); //Delay for 2 seconds
    $(".action2").bind("load", function () { $(this).fadeIn('slow'); });
});

参考：http://api.jquery.com/delay/

Answer 2

尝试使用delay()功能

$(document).ready(function(){
    $(".action1").bind("load", function () { $(this).delay(2000).fadeOut('slow'); });
    $(".action2").bind("load", function () { $(this).fadeIn('slow'); });
});

Answer 3

setTimeout ( expression, timeout );

Answer 4

将您的函数调用包裹在setTimeout。

setTimeout( func, delay );

setTimeout(function() {
    /* your code */
}, 1000);

Answer 5

尝试

$(this).delay(2000).fadeOut('slow');