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

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

1 个答案: