本文主要设计定时器的三种循环,模板自配,下面分享给大家供大家参考,具体如下:
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) }; 循环(); })
以上就是这篇文章的全部内容了,希望本文的内容对大家学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对的支持。