JavaScript自定義超時(shí)API代碼實(shí)例
API是提供給不同語(yǔ)百言的一個(gè)接口,也就是對(duì)應(yīng)的函數(shù)里面提供了相應(yīng)的方法。我們只要用js的語(yǔ)法去調(diào)用想要的功能就可以。例如度js里面的BOM有screen的方法,他就是瀏覽器提供給我們的接口,能夠?qū)g覽器進(jìn)行操作。
實(shí)現(xiàn)一個(gè)Ajax請(qǐng)求時(shí)回調(diào)超時(shí)一個(gè)函數(shù)
function timeoutify(fn,delay) { var intv = setTimeout( function(){// 設(shè)置超時(shí)定時(shí)器 intv = null; fn( new Error( 'Timeout!' ) ); }, delay ); return function() { // 還沒(méi)有超時(shí)? if (intv) { clearTimeout( intv );// 取消 intv 定時(shí)器 fn.apply( this, arguments );// 通過(guò)apply將返回回來(lái)的數(shù)據(jù)綁定到自定義的fn函數(shù)上, /*fn( null, arguments[1] ); // 如果對(duì)apply使用原理不了解可以使用該方法*/ } // argument 是獲取調(diào)用回調(diào)函數(shù)的實(shí)參 };}// 以下是使用方式:// 使用'error-first 風(fēng)格' 回調(diào)設(shè)計(jì) function foo(err,data) { if (err) { console.error( err ); } else { console.log( data ); }}ajax( 'http://some.url.1', timeoutify( foo, 500 ) );
自定義一個(gè)ajax回調(diào)函數(shù):
function ajax(url, fun) { setTimeout(function() { fun(null, 11) }, 1000);// 1秒后執(zhí)行回調(diào)函數(shù) };
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. 小技巧處理div內(nèi)容溢出2. Jsp中request的3個(gè)基礎(chǔ)實(shí)踐3. 使用css實(shí)現(xiàn)全兼容tooltip提示框4. React優(yōu)雅的封裝SvgIcon組件示例5. 如何在jsp界面中插入圖片6. XML入門(mén)的常見(jiàn)問(wèn)題(二)7. HTML <!DOCTYPE> 標(biāo)簽8. CSS Hack大全-教你如何區(qū)分出IE6-IE10、FireFox、Chrome、Opera9. 詳解CSS偽元素的妙用單標(biāo)簽之美10. JSP+Servlet實(shí)現(xiàn)文件上傳到服務(wù)器功能
