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 相关文章推荐
JS控件autocomplete 0.11演示及下载 1月5日已更新
Jan 09 Javascript
Jquery iframe内部出滚动条
Feb 11 Javascript
javascript语言结构小记(一)
Sep 10 Javascript
如何使用Javascript正则表达式来格式化XML内容
Jul 04 Javascript
jquery实现可拖动DIV自定义保存到数据的实例
Nov 20 Javascript
jQuery中clearQueue()方法用法实例
Dec 29 Javascript
解析javascript瀑布流原理实现图片滚动加载
Mar 10 Javascript
Node.js利用Net模块实现多人命令行聊天室的方法
Dec 23 Javascript
AngularJS动态绑定ng-options的ng-model实例代码
Jun 21 Javascript
web前端开发中常见的多列布局解决方案整理(一定要看)
Oct 15 Javascript
JS异步函数队列功能实例分析
Nov 28 Javascript
javascript原型链学习记录之继承实现方式分析
May 01 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
ASP知识讲座四
2006/10/09 PHP
PHP callback函数使用方法和注意事项
2015/01/23 PHP
php超快高效率统计大文件行数
2015/07/05 PHP
在Laravel5.6中使用Swoole的协程数据库查询
2018/06/15 PHP
[JS]点出统计器
2020/10/11 Javascript
Javascript实现DIV滚动自动滚动到底部的代码
2012/03/01 Javascript
jQuery 翻牌或百叶窗效果(内容三秒自动切换)
2012/06/14 Javascript
js动态为代码着色显示行号
2013/05/29 Javascript
jQuery自动切换/点击切换选项卡效果的小例子
2013/08/12 Javascript
jquery实现点击文字可编辑并修改保存至数据库
2014/04/15 Javascript
jQuery自带的一些常用方法总结
2014/09/03 Javascript
JS+CSS实现的蓝色table选项卡效果
2015/10/08 Javascript
解决js图片加载时出现404的问题
2020/11/30 Javascript
jquery自定义表格样式
2015/11/23 Javascript
JavaScript为事件句柄绑定监听函数实例详解
2015/12/15 Javascript
js仿支付宝多方框输入支付密码效果
2016/09/27 Javascript
NodeJS测试框架mocha入门教程
2017/03/28 NodeJs
深入理解AngularJs-scope的脏检查(一)
2017/06/19 Javascript
js编写简单的聊天室功能
2017/08/17 Javascript
ajax+node+request爬取网络图片的实例(宅男福利)
2017/08/28 Javascript
vue组件实现进度条效果
2018/06/06 Javascript
详解如何快速配置webpack多入口脚手架
2018/12/28 Javascript
Python2.x与Python3.x的区别
2016/01/14 Python
使用Python的turtle模块画图的方法
2017/11/15 Python
Python多进程池 multiprocessing Pool用法示例
2018/09/07 Python
python中多个装饰器的调用顺序详解
2019/07/16 Python
Python安装及Pycharm安装使用教程图解
2019/09/20 Python
Python 创建TCP服务器的方法
2020/07/28 Python
用CSS3绘制三角形的简单方法
2015/07/17 HTML / CSS
CSS3绘制不规则图形的一些方法示例
2015/11/07 HTML / CSS
医学生实习自我鉴定
2013/09/27 职场文书
农业大学毕业生的个人自我评价
2013/10/11 职场文书
大学生团员个人总结
2015/02/14 职场文书
公司总经理岗位职责
2015/04/01 职场文书
房地产公司财务总监岗位职责
2015/04/03 职场文书
JS 4个超级实用的小技巧 提升开发效率
2021/10/05 Javascript