惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

V
Visual Studio Blog
月光博客
月光博客
T
Tailwind CSS Blog
酷 壳 – CoolShell
酷 壳 – CoolShell
量子位
人人都是产品经理
人人都是产品经理
IT之家
IT之家
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
罗磊的独立博客
博客园 - 三生石上(FineUI控件)
有赞技术团队
有赞技术团队
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
博客园_首页
Apple Machine Learning Research
Apple Machine Learning Research
博客园 - Franky
The Cloudflare Blog
博客园 - 【当耐特】
Hugging Face - Blog
Hugging Face - Blog
大猫的无限游戏
大猫的无限游戏
S
SegmentFault 最新的问题
Jina AI
Jina AI
阮一峰的网络日志
阮一峰的网络日志
小众软件
小众软件
Last Week in AI
Last Week in AI

博客园 - Think

[开源]jquery.ellipsis根据宽度(不是字数)进行内容截断,支持多行内容 根据用户选的背景色,自动匹配一个前景色 jquery代码链实现延时执行代码的较优雅办法 C++11智能指针处理Array对象 低端用户反文化----这个问题真这么简单? 放暑假了 jQuery 1.7.2 animate功能跨浏览器Bug修补 AsyncEnumerator对EAP的支持 大数据块(BLOBs)与流(Stream)操作性能规范 SQL Antipatterns内容介绍 Chromium Embedded Framework中文文档 (使用C API) Chromium Embedded Framework中文文档 (如何链接不同的运行时) Chromium Embedded Framework中文文档 (SVN属性) Chromium Embedded Framework中文文档 (升级到最新的Chrome) Chromium Embedded Framework中文文档之(基本使用) Chromium Embedded Framework 中文文档(简介) 操盘之王 摘要 市场营销经典《引爆点》简摘 强制iphone界面马上旋转
jquery代码链实现延时执行代码【补:几点注意】
Think · 2012-10-16 · via 博客园 - Think

上一篇:jquery代码链实现延时执行代码的较优雅办法介绍了使用jquery的动画接口实现定时、延时执行代码的链式编写方法,补充几点注意事项:

  1. $(function(){
    	var $inputs = $('input[type=button]')
    		.delay(500)
    		.queue(function(){$(this).hide().dequeue();})
    		.delay(1500)
    		.queue(function(){$(this).show();});
    });
    

    以上代码让页面中的按钮在页面加载后500毫秒隐藏,然后再过1500毫秒显示出来。  

  2. $(function(){
    	var $inputs = $('input[type=button]')
    		.delay(500)
    		.queue(function(){$(this).hide().dequeue();})
    		.delay(1500)
    		.show(1);
    		//.queue(function(){$(this).show();});
    });
    

    以上代码效果与前面的代码相同。  

  3. $(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里执行也会有问题)。

  4. $(function(){
    	var $inputs = $('input[type=button]')
    		.delay(500)
    		.queue(function(){$(this).hide().dequeue();})
    		.delay(1500)
    		.show();
    		//.show(1);
    });
    

    以上代码只隐藏,而不会再显示!!这里show不再指定显示动画时长,则show方法不再是一个动画。由此可知,dequeue只能使得动画队列中的后续方法执行下去,不能使非动画队列中的jquery方法继续执行!