JavaScript自定義超時(shí)API代碼實(shí)例
更新時(shí)間：2020年04月30日 09:22:53 作者：林中有風(fēng)
這篇文章主要介紹了JavaScript自定義超時(shí)API代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
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() {
// 還沒有超時(shí)?
if (intv) {
clearTimeout( intv ); // 取消 intv 定時(shí)器
fn.apply( this, arguments ); // 通過apply將返回回來的數(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í)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
基于JavaScript實(shí)現(xiàn)繼承機(jī)制之原型鏈(prototype chaining)的詳解
我們知道在JavaScript中定義類的原型方式，而原型鏈擴(kuò)展了這種方式，以一種有趣的方式實(shí)現(xiàn)繼承機(jī)制。prototype 對(duì)象是個(gè)模板，要實(shí)例化的對(duì)象都以這個(gè)模板為基礎(chǔ)?？偠灾?，prototype 對(duì)象的任何屬性和方法都被傳遞給那個(gè)類的所有實(shí)例。原型鏈利用這種功能來實(shí)現(xiàn)繼承機(jī)制2013-05-05
echarts折線圖流動(dòng)特效的實(shí)現(xiàn)全過程(非平滑曲線)
最近因?yàn)楣緲I(yè)務(wù)需求,需要實(shí)現(xiàn),當(dāng)Echarts重新加載數(shù)據(jù)時(shí)實(shí)現(xiàn)動(dòng)態(tài)效果,下面這篇文章主要給大家介紹了關(guān)于echarts折線圖流動(dòng)特效實(shí)現(xiàn)的相關(guān)資料,需要的朋友可以參考下2023-03-03
下面小編就為大家?guī)硪黄狢anvas放置反彈效果隨機(jī)圖形(實(shí)例)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-08-08
javascript中Array()數(shù)組函數(shù)詳解
在JavaScript中數(shù)組也是比較常用的對(duì)象之一，數(shù)組是值的有序集合，本篇文章給大家分享Javascript中Array()數(shù)組函數(shù)詳解，需要的朋友可以參考下2015-08-08
基于vue實(shí)現(xiàn)移動(dòng)端圓形旋鈕插件效果
最近公司有一個(gè)項(xiàng)目的需要做出旋鈕的效果，旋鈕有十個(gè)檔，根據(jù)手指旋轉(zhuǎn)切換，旋轉(zhuǎn)時(shí)接近最近的檔會(huì)有吸附效果。這篇文章主要介紹了vue實(shí)現(xiàn)移動(dòng)端圓形旋鈕插件效果 ,需要的朋友可以參考下2018-11-11
JavaScript定義變量和變量?jī)?yōu)先級(jí)問題探討
這篇文章主要介紹了JavaScript定義變量和變量?jī)?yōu)先級(jí)的問題探討,變量的定義還有這么講究嗎,不錯(cuò),看完本文相信你會(huì)有一定的收獲,需要的朋友可以參考下2014-10-10
javascript與CSS復(fù)習(xí)（《精通javascript》）
js和css結(jié)合來產(chǎn)生醒目的交互效果，我們可以快速的訪問元素自身的樣式屬性2010-06-06
bootstrap中使用google prettify讓代碼高亮的方法
使用google prettify 讓代碼高亮非常漂亮，接下來通過本文給大家介紹bootstrap中使用google prettify讓代碼高亮的方法，感興趣的朋友一起看看吧2016-10-10
js獲取location.href的參數(shù)實(shí)例代碼
本文為大家介紹下js如何獲取location.href的參數(shù)，需要注意的是去掉參數(shù)里最開頭的?號(hào)，具體實(shí)現(xiàn)如下，有需要的朋友可以參考下，希望對(duì)大家有所幫助2013-08-08
微信小程序?qū)崿F(xiàn)活動(dòng)報(bào)名登記功能(實(shí)例代碼)
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)活動(dòng)報(bào)名登記,本篇將介紹使用微信小程序?qū)崿F(xiàn)發(fā)起一個(gè)活動(dòng)報(bào)名的設(shè)計(jì)，以此為基礎(chǔ)，我們可以掌握微信小程序表單的基本用法，進(jìn)而在諸如疫情信息登記、出入報(bào)備等場(chǎng)景中使用小程序進(jìn)行開發(fā)，滿足相關(guān)的需求，需要的朋友可以參考下2022-09-09