如何使用Angular使用ngx-countdown启动和停止倒数计时器

问题描述

场景:在这里,我正在寻找一个倒数计时器,用户经过几秒钟,然后为此按下启动或停止键 我正在使用ngx倒数计时器

要求:

  1. 用户为计时器提供一些自定义的秒数(已完成)。
  2. 默认情况下,我如何显示开始按钮,而当用户按下开始按钮时,只需要显示停止按钮即可。
  3. 在给定的秒数过后,我该如何停止计时器?我的意思是当用户提供60秒后,计时器应停止计时并显示警报,用户也可以停止计时器。

下面是我的代码

  <countdown [config]="{leftTime: timeData}" (event)="handleEvent($event)"></countdown>
  `
})
export class AppComponent  {
  timeData = "120"
  constructor(){

  }

handleEvent(event){
  console.log(event)
}

下面是我的stackblitz网址

https://stackblitz.com/edit/ngx-countdown-setup-bwdk4s?file=src/app/app.component.ts

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)