延迟和动画 jQuery

Delay and animation jQuery

本文关键字：jQuery 动画 延迟      更新时间：2023-09-26

我想对一个对象进行动画处理，然后延迟(5秒(我想对另一个对象进行动画处理，有人可以告诉我如何做到这一点。我在JS和jQuery方面很陌生。

你可以

使用 jQuery 中的 animate 方法来实现：

 $("#object1").animate({
   opacity: 0.25,
   height: "toggle"
 }, 5000, function() {
     //On Animation completem animate object 2
     $("#object2").animate({
       opacity: 0.25,
       height: "toggle"
     }, 1000);
 });

首先，执行第一个动画，然后在第一个动画完成执行后立即使用 queue(( 函数执行第二个动画(使用 setTimeout((延迟 5 秒(。

$('#element_id').animate({ your_first_animation }, 300).queue(function() {
    setTimeout(function() { $('#element_id').animate({ your_second_animation_after_5sec }, 300) }, 5000);
});
相关文章：