jQuery延迟addClass

Question

如何在jQuery中延迟addClass？我试过了，但它没有工作：

$(document).ready(function(){
  $(".box1").delay(600).addClass("animated bounce");
});

提前谢谢！

Answer 1

jQuery delay()方法有助于在动画队列之间提供延迟。在您的情况下，您需要使用setTimeout方法。

$(document).ready(function(){
  setTimeout(function(){ 
    $(".box1").addClass("animated bounce"); 
  },600)
});

$(document).ready(function() {
  setTimeout(function() {
    $(".box1").addClass("animated bounce");
  }, 600)
});

.box1,
.box2 {
  width: 300px;
  height: 200px;
  margin-bottom: 100px;
  margin-left: 100px;
  background-color: #62a6c9;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="box1"></div>
<div class="box2"></div>