Javascript 如何在动画之前延迟.css函数

我检查了其他类似的帖子，但没有一个代码有效， 那么，如何在制作动画之前为.css添加一些延迟呢

您可以在下面找到我的代码：

  $(document).ready(function() {

        $('.div2')
        .css('visibility', 'visible') <-- // I WANT TO ADD HERE A DELAY BEFORE THE ANIMATION THAT IS BELOW STARTS !!!!
          .animate({opacity: 1.0, left: '600px'}, 2000);


        $('.div2').animate({opacity: 0.0, left: '600px'}, 2000, setInvisible);
      });

      function setInvisible() {
        $('.div2').css('visibility', 'hidden');
      }

$（文档）.ready（函数（）{
$（“.div2”）
.css（'visibility'，'visible'）如图所示使用：-

$('.div2')
    .css('visibility', 'visible')
     .delay(1000)  //this time is in milliseconds increase or decrease as required.
      .animate({opacity: 1.0, left: '600px'}, 2000);

$(document).ready(function() {
    setTimeout(function() {
        $('.div2')
            .css('visibility', 'visible')
              .animate({opacity: 1.0, left: '600px'}, 2000);
    },1500)  //this time is in milliseconds increase or decrease as required.
});


或根据提问者的评论，尝试使用
setTimeout（）
，如图所示：-

$('.div2')
    .css('visibility', 'visible')
     .delay(1000)  //this time is in milliseconds increase or decrease as required.
      .animate({opacity: 1.0, left: '600px'}, 2000);

$(document).ready(function() {
    setTimeout(function() {
        $('.div2')
            .css('visibility', 'visible')
              .animate({opacity: 1.0, left: '600px'}, 2000);
    },1500)  //this time is in milliseconds increase or decrease as required.
});

使用fiddle复制代码。如果延迟css，动画也会变得更加逼真delayed@wiesion在您的情况下，div的可见性不会延迟，动画会延迟..我想延迟div的可见性我想延迟css以便div的可见性会延迟..而不是动画！