JavaScript自定義超時API代碼實例

更新時間：2020年04月30日 09:22:53 作者：林中有風

這篇文章主要介紹了JavaScript自定義超時API代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下

API是提供給不同語百言的一個接口，也就是對應的函數里面提供了相應的方法。我們只要用js的語法去調用想要的功能就可以。例如度js里面的BOM有screen的方法，他就是瀏覽器提供給我們的接口，能夠對瀏覽器進行操作。

實現一個Ajax請求時回調超時一個函數

function timeoutify(fn,delay) {
 var intv = setTimeout( function(){　　// 設置超時定時器
    intv = null;
    fn( new Error( "Timeout!" ) );
 }, delay );
 return function() { 
   // 還沒有超時?
   if (intv) {
     clearTimeout( intv );　　// 取消 intv 定時器
     fn.apply( this, arguments );　　// 通過apply將返回回來的數據綁定到自定義的fn函數上，
     /*fn( null, arguments[1] );  // 如果對apply使用原理不了解可以使用該方法*/
   } 　　　　　　　　　　　　　　　　　　　 // argument 是獲取調用回調函數的實參　　　　　　　　　　　　　
  };
}
// 以下是使用方式:
// 使用"error-first 風格" 回調設計 
function foo(err,data) {
 if (err) {
  console.error( err );
 }
 else {
  console.log( data );
 }
}
ajax( "http://some.url.1", timeoutify( foo, 500 ) );

自定義一個ajax回調函數：

 function ajax(url, fun) {
  setTimeout(function() {
   fun(null, 11)
  }, 1000);　　// 1秒后執(zhí)行回調函數
 };

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

javascript實現Table間隔色以及選擇高亮(和動態(tài)切換數據)的方法
這篇文章主要介紹了javascript實現Table間隔色以及選擇高亮(和動態(tài)切換數據)的方法,涉及javascript表格操作及按鈕實現表格切換的技巧,需要的朋友可以參考下
2015-05-05
小程序實現發(fā)表評論功能
這篇文章主要為大家詳細介紹了小程序實現發(fā)表評論功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-07-07
javascript漢字拼音互轉的簡單實例
下面小編就為大家?guī)硪黄猨avascript漢字拼音互轉的簡單實例。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-10-10
JavaScript實現的冒泡排序法及統(tǒng)計相鄰數交換次數示例
這篇文章主要介紹了JavaScript實現的冒泡排序法及統(tǒng)計相鄰數交換次數,結合實例形式分析了javascript冒泡排序的實現技巧及針對交換次數的統(tǒng)計方法,便于更直觀的了解冒泡排序算法,需要的朋友可以參考下
2017-04-04
js的[defer]和[async]屬性
這篇文章主要介紹了js的<script>的[defer]和[async]屬性,需要的朋友可以參考下
2014-11-11
JavaScript高級程序設計閱讀筆記（十七） js事件
IE中是冒泡型事件，即從最特定的事件目標到最不特定的事件目標
2012-08-08
WEB泡泡堂2.0（圖形界面+電腦對玩）(javascript)
WEB泡泡堂2.0（圖形界面+電腦對玩）(javascript)
2007-01-01
JS組件系列之MVVM組件構建自己的Vue組件
這篇文章主要介紹了JS組件系列之MVVM組件構建自己的Vue組件,需要的朋友可以參考下
2017-04-04
流量統(tǒng)計器如何鑒別C#：WebBrowser中偽造referer
這篇文章主要介紹了流量統(tǒng)計器如何鑒別C#：WebBrowser中偽造referer,需要的朋友可以參考下
2015-01-01
bootstrap實現的自適應頁面簡單應用示例
這篇文章主要介紹了bootstrap實現的自適應頁面簡單應用,結合具體實例形式分析了基于bootstrap的列表布局結構頁面實現與使用技巧,需要的朋友可以參考下
2017-03-03