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 相关文章推荐
javascript 屏蔽鼠标键盘的几段代码
Jan 02 Javascript
JavaScript QueryString解析类代码
Jan 17 Javascript
jQuery :nth-child前有无空格的区别分析
Jul 11 Javascript
拥抱模块化的JavaScript
Mar 07 Javascript
jquery win 7透明弹出层效果的简单代码
Aug 06 Javascript
JS实现页面超时后自动跳转到登陆页面
Jan 19 Javascript
Node.js 应用跑得更快 10 个技巧
Apr 03 Javascript
JS操作JSON方法总结(推荐)
Jun 14 Javascript
jquery对象与DOM对象转化
Feb 08 Javascript
JS原型继承四步曲及原型继承图一览
Nov 28 Javascript
详解Vue SPA项目优化小记
Jul 03 Javascript
npm 常用命令详解(小结)
Jan 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 之入门篇
2006/12/04 PHP
优化使用mysql存储session的php代码
2008/01/10 PHP
php 分库分表hash算法
2009/11/12 PHP
Yii入门教程之Yii安装及hello world
2014/11/25 PHP
PHP __call()方法实现委托示例
2019/05/20 PHP
struts2 jquery 打造无限层次的树
2009/10/23 Javascript
Jquery中给animation加更多的运作效果实例
2013/09/05 Javascript
分享28款免费实用的 JQuery 图片和内容滑块插件
2014/12/15 Javascript
JavaScript编写页面半透明遮罩效果的简单示例
2016/05/09 Javascript
JavaScript中在光标处插入添加文本标签节点的详细方法
2017/03/22 Javascript
mongoose中利用populate处理嵌套的方法
2017/05/26 Javascript
AngularJS实现的生成随机数与猜数字大小功能示例
2017/12/25 Javascript
使用Vue实现移动端左滑删除效果附源码
2019/05/16 Javascript
JS如何实现封装列表右滑动删除收藏按钮
2020/07/23 Javascript
Vue 401配合Vuex防止多次弹框的案例
2020/11/11 Javascript
vue实现下载文件流完整前后端代码
2020/11/17 Vue.js
JS模拟实现京东快递单号查询
2020/11/30 Javascript
Python设计模式之观察者模式实例
2014/04/26 Python
Python爬虫实现百度图片自动下载
2018/02/04 Python
解决安装pycharm后不能执行python脚本的问题
2019/01/19 Python
Pytorch .pth权重文件的使用解析
2020/02/14 Python
Python多线程threading join和守护线程setDeamon原理详解
2020/03/18 Python
Pytorch环境搭建与基本语法
2020/06/03 Python
详解python算法常用技巧与内置库
2020/10/17 Python
Python之Sklearn使用入门教程
2021/02/19 Python
Canvas系列之滤镜效果
2019/02/12 HTML / CSS
Marks & Spencer爱尔兰:英国马莎百货
2016/04/20 全球购物
日本土著品牌,综合型购物网站:Cecile
2016/08/23 全球购物
应届生幼儿园求职信
2013/11/12 职场文书
司机检讨书
2014/02/13 职场文书
库房管理员岗位职责
2015/02/12 职场文书
士兵突击观后感
2015/06/16 职场文书
结婚幸福感言
2015/08/01 职场文书
公司安全管理制度范本
2015/08/05 职场文书
基于CSS3画一个iPhone
2021/04/21 HTML / CSS
MySQL之MyISAM存储引擎的非聚簇索引详解
2022/03/03 MySQL