相关疑难解决方法(0)

Angular 6中的倒数计时器

嗨,我想得到一个倒计时器的例子,我发现在这里找到的堆栈搜索:时间CountDown角度2

这是我的代码:

import { Component, ElementRef, OnInit, OnDestroy } from '@angular/core';
import { Observable, Subscription, interval  } from 'rxjs';

@Component({
  selector: 'app-timer',
  templateUrl: './timer.component.html',
  styleUrls: ['./timer.component.css']
})
export class TimerComponent implements OnInit {
  private future: Date;
  private futureString: string;
  private diff: number;
  private $counter: Observable<number>;
  private subscription: Subscription;
  private message: string;

  constructor(elm: ElementRef) {
      this.futureString = elm.nativeElement.getAttribute('inputDate');
  }

  dhms(t) {
      let days, hours, minutes, seconds;
      days = Math.floor(t / 86400);
      t -= days * 86400;
      hours = Math.floor(t / …
Run Code Online (Sandbox Code Playgroud)

rxjs angular

7
推荐指数
1
解决办法
3万
查看次数

setInterval()的角度替代

我使用以下方法在一段时间后更改属性:

switchColors() {
    this.interval = setInterval( () => {
      some code;
    }, 700);
}
Run Code Online (Sandbox Code Playgroud)

它可以工作,但是有时这种方法在闪烁,跳跃等方面似乎并不可靠。

是否有另一种更好的方法来实现类似的行为?

typescript angular

0
推荐指数
1
解决办法
59
查看次数

标签 统计

angular ×2

rxjs ×1

typescript ×1