博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery1.9(动画效果)学习之—— .delay( duration [, queueName ] )
阅读量:4151 次
发布时间:2019-05-25

本文共 675 字,大约阅读时间需要 2 分钟。

 

描述: 设置一个延时来推迟执行队列中后续的项。

 

.delay( duration [, queueName ] )

 

  • duration
    类型:
    一个整数,指示的毫秒数,用于设定下个队列推迟执行的时间。
  • queueName
    类型:
    一个作为队列名的字符串。默认是动画队列
    fx。标准的效果队列。

在jQuery1.4中性增加的,.delay()方法允许我们将队列中的函数延时执行。它既可以推迟动画队列中函数的执行,也可以用于自定义队列。只有队列中连续的事件会延迟; 例如,不带参数的 .show() 或者 .hide()会延迟,因为他们没有使用效果队列

延时时间(duration参数)是以毫秒为单位的,数值越大,动画越慢,不是越快。字符串 'fast''slow' 分别代表200和600毫秒的延时。

使用标准效果列队,举个例子,我们可以在 <div id="foo">.slideUp().fadeIn() 动画之间设置800毫秒的延时:

 

$('#foo').slideUp(300).delay(800).fadeIn(400);

 当这句语句执行的时候,这个元素会以300毫秒的卷起动画,接着暂停800毫秒,最后有400毫秒的淡入动画

 

 

.delay()是用来在jQuery动画效果和类似队列中是最好的。但是,由于其本身的限制,比如无法取消延时——.delay(),它不是JavaScript的原生 函数的替代品,这可能是更适合某些使用情况。

 

例子:

隐藏再显示两个div。其中绿色的div在显示之前,有800毫秒的延时:

 

转载地址:http://pvlti.baihongyu.com/

你可能感兴趣的文章
facebook库runtime.js
查看>>
openlayers安装引用
查看>>
js报错显示subString/subStr is not a function
查看>>
高德地图js API实现鼠标悬浮于点标记时弹出信息窗体显示详情,点击点标记放大地图操作
查看>>
初始化VUE项目报错
查看>>
vue项目使用安装sass
查看>>
在osg场景中使用GLSL语言——一个例子
查看>>
laravel 修改api返回默认的异常处理
查看>>
laravel事务
查看>>
【JavaScript 教程】浏览器—History 对象
查看>>
这才是学习Vite2的正确姿势!
查看>>
7 个适用于所有前端开发人员的很棒API,你需要了解一下
查看>>
20种在学习编程的同时也可以在线赚钱的方法
查看>>
隐藏搜索框:CSS 动画正反向序列
查看>>
【视频教程】Javascript ES6 教程27—ES6 构建一个Promise
查看>>
【5分钟代码练习】01—导航栏鼠标悬停效果的实现
查看>>
127个超级实用的JavaScript 代码片段,你千万要收藏好(中)
查看>>
127个超级实用的JavaScript 代码片段,你千万要收藏好(下)
查看>>
【web素材】03-24款后台管理系统网站模板
查看>>
Flex 布局教程:语法篇
查看>>