jquery 延迟执行实例介绍


Posted in Javascript onAugust 20, 2013
$(function(){ 
var $inputs = $('input[type=button]') 
.delay(500) 
.queue(function(){$(this).hide().dequeue();}) 
.delay(1500) 
.queue(function(){$(this).show();}); 
});

以上代码让页面中的按钮在页面加载后500毫秒隐藏,然后再过1500毫秒显示出来。
$(function(){ 
var $inputs = $('input[type=button]') 
.delay(500) 
.queue(function(){$(this).hide().dequeue();}) 
.delay(1500) 
.show(1); 
//.queue(function(){$(this).show();}); 
});

以上代码效果与前面的代码相同。
$(function(){ 
var $inputs = $('input[type=button]') 
.delay(500) 
.queue(function(){$(this).hide();}) 
.delay(1500) 
.show(1); 
//.queue(function(){$(this).show();}); 
});

以上代码同样只隐藏,不会再显示,相比代码2,queue里的代码没有调dequeue,由此可知,queue执行完后,也中止了动画队列的继续执行,需要调用dequeue使其执行下去(这里queue里的hide()不是一个动画,而将当前对象的动画放在queue里执行也会有问题)。
$(function(){ 
var $inputs = $('input[type=button]') 
.delay(500) 
.queue(function(){$(this).hide().dequeue();}) 
.delay(1500) 
.show(); 
//.show(1); 
});

以上代码只隐藏,而不会再显示!!这里show不再指定显示动画时长,则show方法不再是一个动画。由此可知,dequeue只能使得动画队列中的后续方法执行下去,不能使非动画队列中的jquery方法继续执行!
Javascript 相关文章推荐
jquery checkbox,radio是否选中的判断代码
Mar 20 Javascript
Jquery弹出层插件ThickBox的使用方法
Dec 09 Javascript
js表单验证实例讲解
Mar 31 Javascript
jQuery实现简易的输入框字数计数功能示例
Jan 16 Javascript
JS正则表达式验证密码格式的集中情况总结
Feb 23 Javascript
基于Vuejs和Element的注册插件的编写方法
Jul 03 Javascript
JS实现带导航城市列表以及输入搜索功能
Jan 04 Javascript
Vue中如何实现proxy代理
Apr 20 Javascript
angularjs结合html5实现拖拽功能
Jun 25 Javascript
利用js将ajax获取到的后台数据动态加载至网页中的方法
Aug 08 Javascript
JS集合set类的实现与使用方法示例
Feb 01 Javascript
JS数组方法concat()用法实例分析
Jan 18 Javascript
多种方式实现JS调用后台方法进行数据交互
Aug 20 #Javascript
js获取指定日期前后的日期代码
Aug 20 #Javascript
js 自定义个性下拉选择框示例
Aug 20 #Javascript
JavaScript打印iframe内容示例代码
Aug 20 #Javascript
JQuery之focus函数使用介绍
Aug 20 #Javascript
html页面显示年月日时分秒和星期几的两种方式
Aug 20 #Javascript
网页中可关闭的漂浮窗口实现可自行调节
Aug 20 #Javascript
You might like
php利用cookie实现访问次数统计代码
2011/05/19 PHP
session在php5.3中的变化 session_is_registered() is deprecated in
2013/11/12 PHP
一个不易被发现的PHP后门代码解析
2014/07/05 PHP
php基于curl扩展制作跨平台的restfule 接口
2015/05/11 PHP
Fleaphp常见函数功能与用法示例
2016/11/15 PHP
PHP读取文本文件并逐行输出该行使用最多的字符与对应次数的方法
2016/11/25 PHP
PHP网页安全认证的实例详解
2017/09/28 PHP
PHP使用PDO调用mssql存储过程的方法示例
2017/10/07 PHP
Javascript调用XML制作连动下拉列表框
2006/06/25 Javascript
在jquery中处理带有命名空间的XML数据
2011/06/13 Javascript
IE6下focus与blur错乱的解决方案
2011/07/31 Javascript
基于jquery自定义的漂亮单选按钮RadioButton
2013/11/19 Javascript
js控制iframe的高度/宽度让其自适应内容
2014/04/09 Javascript
基于jQuery实现Accordion手风琴自定义插件
2020/10/13 Javascript
JavaScript仿微信打飞机游戏
2020/07/05 Javascript
vue2的todolist入门小项目的详细解析
2017/05/11 Javascript
React BootStrap用户体验框架快速上手
2018/03/06 Javascript
jQuery AJAX应用实例总结
2020/05/19 jQuery
[02:19]2018年度DOTA2最佳核心位选手-完美盛典
2018/12/17 DOTA
python实现中文分词FMM算法实例
2015/07/10 Python
Python编写电话薄实现增删改查功能
2016/05/07 Python
Python中使用Counter进行字典创建以及key数量统计的方法
2018/07/06 Python
selenium python 实现基本自动化测试的示例代码
2019/02/25 Python
很酷的python表白工具 你喜欢我吗
2019/04/11 Python
python 发送邮件的示例代码(Python2/3都可以直接使用)
2020/12/03 Python
Html5无刷新修改browser Url的方法
2014/01/15 HTML / CSS
吉力贝官方网站:Jelly Belly
2019/03/11 全球购物
介绍一下ICMP(Internet Control Message Protocol)Internet控制信息协议
2016/11/26 面试题
电子商务专业自我鉴定
2013/12/18 职场文书
小学生勤俭节约演讲稿
2014/08/28 职场文书
四风问题个人对照检查剖析材料
2014/09/27 职场文书
2014年组织委员工作总结
2014/12/01 职场文书
高三英语复习计划
2015/01/19 职场文书
教师岗位职责范本
2015/04/02 职场文书
初中教务主任竞聘演讲稿(范文)
2019/08/20 职场文书
Golang表示枚举类型的详细讲解
2021/09/04 Golang