jquery - 在动画开始之前使用延迟而不是排队延迟

Question

我想在 5 秒后开始动画（所以在页面加载时不正确，但在那之后再过几秒）

我尝试使用延迟，但它似乎不起作用，我错在哪里？有没有办法在它开始之前创建一个计时器来倒计时？

$(document).ready(function(){
    $(".info").delay(5000).css({marginLeft:'-999px'}).animate(
        {marginLeft: '0px'},{duration: 2000, queue:false});
    $(".jamey").css({left:'999px'}).animate(
        {left:'606px'},{duration:2000, queue: false});
    $(".jamey2").css({left:'999px'}).animate(
        {left:'606px'},{duration:2000, queue: false});
    $(".rip-date").css({left:'999px'}).animate(
        {left:'375px'}, {duration:2000, queue: false});
    $('#overlay').animate({ opacity: 1, }, 5000, function(){
            // done fading.
    });
    $(".info").css({color:'#191919'});

Answer 1

delay通常更适合在动画之间添加延迟。在这种情况下，我会使用setTimeout：

$(document).ready(function() {
    setTimeout(function() {
        //Your code here...
    }, 5000); 
});