如何在成功函数中为div设置两次动画？

Question

这是我正在使用的当前AJAX代码：

$.ajax({
            type: 'post',
            url: 'action.php',
            success: function () {
              $(".success").show().delay(300).fadeOut();
              $(".success").show().delay(600).fadeOut();
            }

          });

这里发生的事情就是成功＆＃39;当AJAX调用成功时，会显示几秒钟（因为它当前设置为＆＃39; display：none＆＃39;属性）。这段代码可以工作，但是如何才能使它被调用两次呢？所以div会显示几秒钟，然后大约一秒后再显示几秒钟？

Answer 1

你的意思是这样吗？

$.ajax({
            type: 'post',
            url: 'action.php',
            success: function () {
              $(".success").show().delay(300).fadeOut().delay(100).show().delay(600).fadeOut();
            }

          });

Answer 2

你可以这样做 -

＆＃13;

＆＃13;

$(document).ready(function() {
  $(".success").show().delay(300).fadeOut().delay(300).fadeIn().delay(300).fadeOut();
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="success" style="display:none;">Test</div>

＆＃13;

＆＃13;

＆＃13;