用setTimeout 代替 setInterval实时拉取数据

　　在开发中，我们常常碰到需要定时拉取网站数据，如：

setInterval(function(){
   $.ajax({
       url: 'xx',
       success: function( response ){
          // do something with the response
       }
   });
}, 5000);

请思考下此写法有什么弊端？

能想到情况是：如果接口异常了，程序仍然会间隔5000ms抓取数据。换句话说，我们不能捕获到异常，并做一些合理的调整。

所以我们换个写法：

// new hotness
(function loopsiloop(){
   setTimeout(function(){
       $.ajax({
           url: 'xx',
           success: function( response ){
               // do something with the response

               loopsiloop(); // recurse
           },
           error: function(){
               // do some error handling.  you
               // should probably adjust the timeout
               // here.

               loopsiloop(); // recurse, if you'd like.
           }
       });
   }, 5000);
})();

如果我们能捕获到异常，可以限定异常大于10次时，我们将不再拉取数据，并且在异常 》1 且 《10 时，我们可以适当将间隔拉大，让服务器有休息的时间。

程序稍微修改成：

var failed = 0; 

(function loopsiloop( interval ){
   interval = interval || 5000; // default polling to 1 second

   setTimeout(function(){
       $.ajax({
           url: 'foo.htm',
           success: function( response ){
               // do something with the response

               loopsiloop(); // recurse
           },
           error: function(){

               // only recurse while there's less than 10 failed requests.
               // otherwise the server might be down or is experiencing issues.
               if( ++failed < 10 ){

                   // give the server some breathing room by
                   // increasing the interval
                   interval = interval + 1000;
                   loopsiloop( interval );
               }
           }
       });
   }, interval);
})();

这样是不是灵活多了。