JavaScript自定义超时API代码实例


Posted in Javascript onApril 30, 2020

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秒后执行回调函数
 };

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JQuery.ajax传递中文参数的解决方法 推荐
Mar 28 Javascript
九种js弹出对话框的方法总结
Mar 12 Javascript
jQuery根据纬度经度查看地图处理程序
May 08 Javascript
javascript dom追加内容实现示例
Sep 21 Javascript
JQuery页面的表格数据的增加与分页的实现
Dec 10 Javascript
jsPDF生成pdf后在网页展示实例
Jan 16 Javascript
邮箱下拉自动填充选择示例代码附图
Apr 03 Javascript
深入理解JavaScript系列(43):设计模式之状态模式详解
Mar 04 Javascript
JS实现仿新浪黄色经典滑动门效果代码
Sep 27 Javascript
深入理解JavaScript 函数
Jun 06 Javascript
JS匿名函数内部this指向问题详析
May 10 Javascript
vuex + keep-alive实现tab标签页面缓存功能
Oct 17 Javascript
javascript 模块依赖管理的本质深入详解
Apr 30 #Javascript
JavaScript find()方法及返回数据实例
Apr 30 #Javascript
js this 绑定机制深入详解
Apr 30 #Javascript
JS 图片压缩原理与实现方法详解
Apr 29 #Javascript
详解Vue3 Composition API中的提取和重用逻辑
Apr 29 #Javascript
浅谈Vue3 Composition API如何替换Vue Mixins
Apr 29 #Javascript
JS数组Reduce方法功能与用法实例详解
Apr 29 #Javascript
You might like
php eval函数用法总结
2012/10/31 PHP
利用PHP实现图片等比例放大和缩小的方法详解
2013/06/06 PHP
zf框架db类的分页示例分享
2014/03/14 PHP
PHP使用CURL实现多线程抓取网页
2015/04/30 PHP
php适配器模式简单应用示例
2019/10/23 PHP
原生JS可拖动弹窗效果实例代码
2013/11/09 Javascript
浅析jquery的作用与优势
2013/12/02 Javascript
Javascript Memoizer浅析
2014/10/16 Javascript
JavaScript中实现map功能代码分享
2015/06/11 Javascript
jQuery超简单选项卡完整实例
2015/09/26 Javascript
jQuery mobile 移动web(6)
2015/12/20 Javascript
JQuery动态添加Select的Option元素实现方法
2016/08/29 Javascript
vue.js指令v-model实现方法
2016/12/05 Javascript
Node.js如何响应Ajax的POST请求并且保存为JSON文件详解
2017/03/10 Javascript
uploader秒传图片到服务器完整代码
2017/04/22 Javascript
详解AngularJs ui-router 路由的简单介绍
2017/04/26 Javascript
jQuery实现QQ空间汉字转拼音功能示例
2017/07/10 jQuery
jQuery上传插件webupload使用方法
2017/08/01 jQuery
js插件实现图片滑动验证码
2020/09/29 Javascript
vue+express 构建后台管理系统的示例代码
2018/07/19 Javascript
vue 巧用过渡效果(小结)
2018/09/22 Javascript
vue与iframe之间的信息交互的实现
2020/04/08 Javascript
Vue实现简单的跑马灯
2020/05/25 Javascript
Python基于PycURL自动处理cookie的方法
2015/07/25 Python
Python中绑定与未绑定的类方法用法分析
2016/04/29 Python
11月编程语言排行榜 Python逆袭C#上升到第4
2017/11/15 Python
python计算列表内各元素的个数实例
2018/06/29 Python
详解Python中的编码问题(encoding与decode、str与bytes)
2020/09/30 Python
Spartoo荷兰:鞋子、包包和服装
2018/07/12 全球购物
党务公开方案
2014/05/06 职场文书
2016年12月份红领巾广播稿
2015/12/21 职场文书
筑梦中国心得体会
2016/01/18 职场文书
2016优秀青年志愿者事迹材料
2016/02/25 职场文书
Mysql 如何批量插入数据
2021/04/06 MySQL
解决persistence.xml配置文件修改存放路径的问题
2022/02/24 Java/Android
如何通过简单的代码描述Angular父组件、子组件传值
2022/04/07 Javascript