jQuery的链式动画写法中加入setTimeout

大饼卷馒头蘸米饭

于 2013-02-01 09:10:07 发布

阅读量1.6k

点赞数

分类专栏： Js

Js 专栏收录该内容

70 篇文章

订阅专栏

本文介绍了一个简单的jQuery封装方法，可以在两个动画之间插入等待时间。通过使用$.fn.wait方法，开发者可以轻松实现动画间的延迟，增强网页交互体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今日闲逛，看到一个简单的封装，用于在两次animate之间，加入一定的时间间隔的等待。
原文地址：http://docs.jquery.com/Cookbook/wait
你还可以在里边看到demo

 
  $.fn.wait = function(time, type) {
     time = time || 1000;
     type = type || "fx";
     return this.queue(type, function() {
         var self = this;
         setTimeout(function() {
             $(self).dequeue();
         }, time);
     });
 };
 

具体用法是，.wait( [time], [type] )
第一个参数是时间，默认是1000毫秒。
第二个参数是类型，默认是fx即动画效果

 
  function runIt() {
     $("div").wait()
         .animate({left:'+=200'},2000)
         .wait()
         .animate({left:'-=200'},1500,runIt);
     }
 runIt();
 