Angular.js中定时器循环的3种方法总结

  

本文主要设计定时器的三种循环,模板自配,下面分享给大家供大家参考,具体如下:
  

  

1, $ interlval实现,比较简单和原生js的setInterval比较相似
  

        应用var=angular.module (“myApp”, []);   app.run(函数(rootScope美元,美元区间){   var img=" http://hdn.xnimg.cn/photos/hdn321/20130612/2235/h_main_NNN4_e80a000007df111a.jpg ", " http://ww2.sinaimg.cn/crop.0.0.1080.1080.1024/d773ebfajw8eum57eobkwj20u00u075w.jpg ", " https://cache.yisu.com/upload/information/20200622/114/74735.jpg ")   var=0;=$ var计时器间隔(函数(){   如果我在=img.length) {   我=0;   }   rootScope美元。imgSrc=https://www.yisu.com/zixun/img (+ +);   },1000)   });      

2美元超时的递归调用来实现
  

        app.run(函数(rootScope,超时美元){   var img=" http://hdn.xnimg.cn/photos/hdn321/20130612/2235/h_main_NNN4_e80a000007df111a.jpg ", " http://ww2.sinaimg.cn/crop.0.0.1080.1080.1024/d773ebfajw8eum57eobkwj20u00u075w.jpg ", " https://cache.yisu.com/upload/information/20200622/114/74735.jpg ")   var=0;   rootScope美元。c=0;   var循环=function () {   美元超时(函数(){   如果我在=img.length) {   我=0;   }   美元rootScope.imgSrc=https://www.yisu.com/zixun/img (+ +);   循环();   rootScope美元。c +=1;   },2000)   };   循环();   })      

3美元超时借助参数。被来实现
  

        app.run(函数(rootScope,超时美元){   var img=" http://hdn.xnimg.cn/photos/hdn321/20130612/2235/h_main_NNN4_e80a000007df111a.jpg ", " http://ww2.sinaimg.cn/crop.0.0.1080.1080.1024/d773ebfajw8eum57eobkwj20u00u075w.jpg ", " https://cache.yisu.com/upload/information/20200622/114/74735.jpg ")   var=0;   rootScope美元。c=0;   var循环=function () {   美元超时(函数(){   如果我在=img.length) {   我=0;   }   美元rootScope.imgSrc=https://www.yisu.com/zixun/img (+ +);   循环();   rootScope美元。c +=1;   },2000)   };   循环();   })      

  

  

以上就是这篇文章的全部内容了,希望本文的内容对大家学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对的支持。

Angular.js中定时器循环的3种方法总结