当我刷新浏览器和任何页面时，我的ngx倒计时被重置，那么如何在angular中页面刷新时不重置呢？

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

@Component({
  selector: 'app-countdown',
  template: '{{ countdown }}',
})
export class CountdownComponent implements OnInit, OnDestroy {
  countdown: number;

  ngOnInit() {
    const savedCountdown = localStorage.getItem('countdown');
    if (savedCountdown) {
      this.countdown = parseInt(savedCountdown, 10);
    } else {
      this.countdown = 10; // 初始倒计时值
    }
  }

  ngOnDestroy() {
    localStorage.setItem('countdown', this.countdown.toString());
  }

  @HostListener('window:beforeunload')
  saveCountdown() {
    localStorage.setItem('countdown', this.countdown.toString());
  }
}