在Angular 4中连续循环CSS样式

时间:2017-12-04 16:41:17

标签: javascript html css angular

我正在尝试不断循环浏览一系列后台网址,并延迟,以创建一个屏幕保护程序'对于网站的背景。

目前,我的.ts文件中有数组,并且在我的HTML中使用了NgFor指令。问题是图像中的切换之间没有延迟(因此最终显示的是最后一个),并且它不是通过阵列的连续循环。

在.ts:

  bgImgs = [
`url("/assets/img/friendship.jpeg")`,
`url("/assets/img/family.jpeg")`,
`url("/assets/img/health.jpeg")`,
`url("/assets/img/fatherson2.jpeg")`

在.html:

<div *ngFor="let bgImg of bgImgs">
  <div [style.backgroundImage]="bgImg" id="home" class="pt-5">

1 个答案:

答案 0 :(得分:0)

可能会有更多&#34; rxjs&#34;这样做的方式,但这是一种方式:

If InStr("ICD-10 & CPT OPC NHSN", "JCMC ICD-10 & CPT OPC NHSN Sep-17 new.xlsx") > 0 Then
   'Do something
End If

如果你想进入衰落或其他过渡,需要更多的工作。

Plunk