小武的博客

web前端开发工程师

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);
}
}

阅读更多
个人分类: angular4 前端问题
想对作者说点什么? 我来说一句

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

不良信息举报

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

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭