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); 
});