使用 ng2-simple-timer 在 angular 中创建秒表

Question

大家好，

所以我在 angular 5 应用程序中使用 ng2-Simple-timer。我不确定如何使用 angular 5 记录时间，所以我只选择了 ng2-Simple-Timer。我正在尝试以毫秒为单位记录时间。有一个关于 plunker 的例子。如果我将 1 秒值更改为 0.001。我得到一些奇怪的值。我认为这是因为 plunker 每半秒刷新一次所以我在我的机器上测试了它但是不，它仍然没有用。

笨蛋 http://embed.plnkr.co/HaTd8q/

npm 模块 https://www.npmjs.com/package/ng2-simple-timer#example

基本上我只想在每次按下回车键时记录时间（以毫秒为单位）。

请指教

Answer 1

最简单的时间测量方法是使用 js Date class。请参考下一个例子：

var date = new Date(); // Generate a timestamp when you need to start countdown
... do some calculation ...
console.log(new Date().getTime() - date.getTime()); // When you need, subtract saved date from new one

您将收到以毫秒为单位的时间。

Answer 2

ng2-simple-timer 已更新，支持毫秒。

https://www.npmjs.com/package/ng2-simple-timer#newtimerhr

新定时器HR

创建具有可选客户延迟的高分辨率计时器。单位为毫秒。

newTimerHR(name: string, msec: number, delay: number = 0): boolean

newTimerHR 将创建计时器 name 并每 'number' 毫秒计时一次。多次创建同名定时器没有副作用。

delay：如果设置为 X，将延迟第一个刻度 X 毫秒。

Return false 如果计时器 name 存在。

this.st.newTimerHR('5ms', 5);
this.st.newTimerHR('5ms', 5, 10);

使用 ng2-simple-timer 在 angular 中创建秒表

Creating a stopwatch in angular with ng2-simple-timer

angular

angular5