angular4定时器定时替换图片--利用递归类似方法

import { Component, OnInit } from '@angular/core';

@Component({
selector: 'indicator',
templateUrl: './indicator.component.html',
styleUrls: ['./indicator.component.css']
})
export class IndicatorComponent implements OnInit {
public imgUrl;
public t;
public i;
constructor() { }

ngOnInit() {
//图片集合
this.t = new Array("../assets/images/bg.png", "../assets/images/hls.jpg", "../assets/images/zky.jpg");
this.i = 0;

this.changepic();
}

//循环方法
changepic() {
if (this.i > 2)
this.i = 0;

this.imgUrl = this.t[this.i];
this.i++;
setTimeout(() => {
this.changepic()
}, 1000);
}
}

没有更多推荐了,返回首页

私密
私密原因:
请选择设置私密原因
  • 广告
  • 抄袭
  • 版权
  • 政治
  • 色情
  • 无意义
  • 其他
其他原因:
120
出错啦
系统繁忙,请稍后再试

关闭