Angular 天使17中的倒计时器

我正试着在家里做一个倒计时器.它看起来有点像这样.

以下是我在html文件中放置倒计时的位置:

<div>
  {{displayTime}}
</div>

我的home.ts文件:

ngOnInit(): void {
  this.countdownSubscription = interval(1000).subscribe(val => this.displayTime = this.countdownTimer(val))
}

countdownTimer(seconds: number) {
   const totalSeconds = Math.floor((this.targetDay - Date.now()) / 1000);
   const days = Math.floor(totalSeconds / (60 * 60 * 24));
   const hours = Math.floor((totalSeconds % (60 * 60 * 24)) / (60 * 60));
   const minutes = Math.floor((totalSeconds % (60 * 60)) / 60);
   const remainingSeconds = totalSeconds % 60;
   const formattedDays = days < 10 ? '0' + days : days;
   const formattedHours = hours < 10 ? '0' + hours : hours;
   const formattedMinutes = minutes < 10 ? '0' + minutes : minutes;
   const formattedSeconds = remainingSeconds < 10 ? '0' + remainingSeconds : remainingSeconds;
   return formattedDays+":"+formattedHours+":"+formattedMinutes+":"+formattedSeconds
}

ngOnDestroy(): void {
   this.countdownSubscription.unsubscribe();
}

当我在控制台上登录时，它工作正常:

但在我的localhost:4200，它不加载，总是旋转:

即使在控制台或终端中，也不会出现类似的错误:

有谁能帮我解决这个问题吗，非常感谢！