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操作checkbox火狐下第二次無法勾選問題
在工作中使用jquery操作checkbox,進(jìn)行全選、反選,現(xiàn)在的問題是火狐下第二次無法勾選問題,在下面有個詳細(xì)的解答,感興趣的朋友可以參考下2014-02-02利用JQuery實現(xiàn)datatables插件的增加和刪除行功能
這篇文章給大家介紹了jquery實現(xiàn)datatables插件的增加和刪除行的功能,代碼簡單易懂,非常不錯,具有參考借鑒價值,需要的朋友參考下2017-01-01jQuery+canvas實現(xiàn)的球體平拋及顏色動態(tài)變換效果
這篇文章主要介紹了jQuery+canvas實現(xiàn)的球體平拋及顏色動態(tài)變換效果,通過jQuery結(jié)合html5的canvas技術(shù)調(diào)用時間函數(shù)實時進(jìn)行數(shù)學(xué)運算,最終實現(xiàn)球體平拋及顏色動態(tài)變換的效果,需要的朋友可以參考下2016-01-01基于jquery的修改當(dāng)前TAB顯示標(biāo)題的代碼
在當(dāng)前tab選項卡中單擊鏈接后,新內(nèi)容在當(dāng)前選項卡中顯示,但標(biāo)題內(nèi)容還是上一頁標(biāo)題要改為新的標(biāo)題。2010-12-12