使用ng2-simple-timer以角度创建秒表

时间:2018-02-14 21:32:12

标签: angular angular5

天啊,

所以我使用ng2-Simple-timer和我的angular 5 app。我不知道如何用angular 5来记录时间,所以我选择了ng2-Simple-Timer。我试图以毫秒记录时间。有一个关于plunker的例子。如果我将1秒值更改为0.001。我得到了一些奇怪的价值。我认为这是因为plunker每半秒刷新一次,所以我在我的机器上进行了测试,但不,它仍然无法正常工作。

plunker http://embed.plnkr.co/HaTd8q/

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

基本上我只想在每次按下输入时记录时间(以毫秒为单位)。

请告知。

2 个答案:

答案 0 :(得分:0)

测量时间的最简单方法是使用js Date类。请参阅下一个示例:

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

你将收到毫秒的时间。

答案 1 :(得分:0)

ng2-simple-timer已更新,现在支持毫秒。

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

newTimerHR

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

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

newTimerHR将创建计时器name并勾选毫秒的每个“数字”。多次创建具有相同名称的计时器没有副作用。

delay:如果设置为X,则将第一个刻度延迟X毫秒。

如果存在计时器false,请返回name

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