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秒后执行回调函数 };
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
相关文章
基于JavaScript实现继承机制之原型链(prototype chaining)的详解
我们知道在JavaScript中定义类的原型方式,而原型链扩展了这种方式,以一种有趣的方式实现继承机制。prototype 对象是个模板,要实例化的对象都以这个模板为基础。总而言之,prototype 对象的任何属性和方法都被传递给那个类的所有实例。原型链利用这种功能来实现继承机制2013-05-05javascript与CSS复习(《精通javascript》)
js和css结合来产生醒目的交互效果,我们可以快速的访问元素自身的样式属性2010-06-06bootstrap中使用google prettify让代码高亮的方法
使用google prettify 让代码高亮非常漂亮,接下来通过本文给大家介绍bootstrap中使用google prettify让代码高亮的方法,感兴趣的朋友一起看看吧2016-10-10
最新评论