jquery 延遲執(zhí)行實例介紹
更新時間:2013年08月20日 16:17:00 作者:
延遲執(zhí)行在某些特殊的情況下還是蠻有用的,實現(xiàn)的方法也很簡單,本文有個不錯的示例,有需要的朋友可以參考下,希望對大家有所幫助
復(fù)制代碼 代碼如下:
$(function(){
var $inputs = $('input[type=button]')
.delay(500)
.queue(function(){$(this).hide().dequeue();})
.delay(1500)
.queue(function(){$(this).show();});
});
以上代碼讓頁面中的按鈕在頁面加載后500毫秒隱藏,然后再過1500毫秒顯示出來。
復(fù)制代碼 代碼如下:
$(function(){
var $inputs = $('input[type=button]')
.delay(500)
.queue(function(){$(this).hide().dequeue();})
.delay(1500)
.show(1);
//.queue(function(){$(this).show();});
});
以上代碼效果與前面的代碼相同。
復(fù)制代碼 代碼如下:
$(function(){
var $inputs = $('input[type=button]')
.delay(500)
.queue(function(){$(this).hide();})
.delay(1500)
.show(1);
//.queue(function(){$(this).show();});
});
以上代碼同樣只隱藏,不會再顯示,相比代碼2,queue里的代碼沒有調(diào)dequeue,由此可知,queue執(zhí)行完后,也中止了動畫隊列的繼續(xù)執(zhí)行,需要調(diào)用dequeue使其執(zhí)行下去(這里queue里的hide()不是一個動畫,而將當(dāng)前對象的動畫放在queue里執(zhí)行也會有問題)。
復(fù)制代碼 代碼如下:
$(function(){
var $inputs = $('input[type=button]')
.delay(500)
.queue(function(){$(this).hide().dequeue();})
.delay(1500)
.show();
//.show(1);
});
以上代碼只隱藏,而不會再顯示??!這里show不再指定顯示動畫時長,則show方法不再是一個動畫。由此可知,dequeue只能使得動畫隊列中的后續(xù)方法執(zhí)行下去,不能使非動畫隊列中的jquery方法繼續(xù)執(zhí)行!
您可能感興趣的文章:
- jquery延遲對象解析
- jQuery實現(xiàn)鼠標(biāo)滾動圖片延遲加載效果附源碼下載
- jQuery實現(xiàn)帶延遲效果的滑動菜單代碼
- jQuery實現(xiàn)延遲跳轉(zhuǎn)的方法
- jQuery延遲加載圖片插件Lazy Load使用指南
- 使用jquery實現(xiàn)的一個圖片延遲加載插件(含圖片延遲加載原理)
- Jquery圖片延遲加載插件jquery.lazyload.js的使用方法
- jquery插件lazyload.js延遲加載圖片的使用方法
- jQuery lazyLoad圖片延遲加載插件的優(yōu)化改造方法分享
- jQuery Pagination Ajax分頁插件(分頁切換時無刷新與延遲)中文翻譯版
- Lazy Load 延遲加載圖片的jQuery插件中文使用文檔
- jquery圖片延遲加載 前端開發(fā)技能必備系列
- jQuery延遲執(zhí)行的實現(xiàn)方法
相關(guān)文章
jQuery插件echarts實現(xiàn)的多柱子柱狀圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件echarts實現(xiàn)的多柱子柱狀圖效果,結(jié)合完整實例形式分析了echarts繪制多柱子柱狀圖效果的操作步驟與相關(guān)實現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
jQuery是用來干什么的 jquery其實就是一個js框架
jQuery是一bai個簡潔而快速的JavaScript庫,可用于du簡化zhi事件處理,HTML文檔遍歷,Ajax交互和dao動畫,以更快速開發(fā)網(wǎng)站2021-02-02
簡單實現(xiàn)限制uploadify上傳個數(shù)
本文給大家分享的是在使用uploadify上傳文件或者圖片的時候,如何做到限制上傳個數(shù)的方法,十分的簡單方便實用,有需要的小伙伴可以參考下。2015-11-11
jQuery+PHP+MySQL實現(xiàn)無限級聯(lián)下拉框效果
這篇文章主要介紹了jQuery+PHP+MySQL實現(xiàn)無限級聯(lián)效果的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-02-02
JQuery讀取XML文件數(shù)據(jù)并顯示的實現(xiàn)代碼
今天向大家演示如何通過JQuery框架為空白HTML文檔加載從XML文件讀取的數(shù)據(jù)并顯示出來。我們將會主要用到JQuery自帶過程$.get 。2009-12-12
Jquery 獲取指定標(biāo)簽的對象及屬性的設(shè)置與移除
這篇文章主要介紹了Jquery如何獲取指定標(biāo)簽的對象及屬性的設(shè)置與移除,需要的朋友可以參考下2014-05-05

