延迟和动画jQuery [关闭]答案

【问题标题】：Delay and animation jQuery [closed]延迟和动画jQuery [关闭]
【发布时间】：2014-12-22 14:23:33
【问题描述】：

我想为一个对象设置动画，然后延迟（5 秒）我想为另一个对象设置动画，有人可以告诉我如何做到这一点。我是 JS 和 jQuery 的新手。

【问题讨论】：

什么样的动画？
@Sampath Liyanage，我想将高度和宽度设置为阻止，然后将其恢复为开始大小

标签： javascript jquery jquery-animate delay

【解决方案1】：

您可以使用 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);
 });

【讨论】：

它有效）但是当我设置宽度时我有新问题，但是当高度都坏了。
@excluded_once 你是什么意思？你遇到了什么错误？尝试在小提琴中发布您的代码。

【解决方案2】：

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

$('#element_id').animate({ your_first_animation }, 300).queue(function() {
    setTimeout(function() { $('#element_id').animate({ your_second_animation_after_5sec }, 300) }, 5000);
});

【讨论】：

使用“延迟”而不是像这样的队列和 setTimeout 更简单：$(...).animate({...}).delay(5000).animate({...})