angularjs计算开始时间和当前时间之间的时间差
angularjs calculate time difference between start time and current time
我正试图在AngularJS应用程序中创建类似于秒表的东西。
我有一个"开始"按钮,当单击该按钮时,应用程序将设置一个获取当前时间的startTime变量,然后我想要另一个每秒更新一次的变量,并计算startTime变量和当前时间之间的秒差,我可以将其用作显示给用户的秒表值。我还需要能够停止和重新启动计时器,所以我希望秒表值以秒为单位存储,这样我就可以轻松地在任何秒数启动计时器并恢复计时器。
做这件事最简单的方法是什么?
在我上面的评论的基础上,类似于。。。
var startTime = new Date();
$scope.stopwatch = 0;
$interval(function() {
$scope.stopwatch = (new Date() - startTime) / 1000;
}, 1000);
以及在您的模板中
<p>Seconds: {{ stopwatch }}</p>
创建一个以hh:mm:ss
格式格式化秒的过滤器可获得额外积分。
实现这一点的最佳方法是使用$interval,如下所示:
var stop, seconds=0;
stop = $interval(updatingFunc, 1000);
function updatingFunc(){
seconds++;
console.log(seconds);
if(seconds === 4){ // Here you set whatever condition to cancel the interval
$interval.stop(stop);
}
}
相关文章:
- Mongoose查询在两个日期时间之间提取数据
- angularjs计算开始时间和当前时间之间的时间差
- 获取用户和服务器时间之间的时间差
- 如何在javascript中计算两个日期时间之间的差异
- 传递日期和日期时间之间的Javascript Date()差异
- 日期和unix时间之间的时间,以及计时器倒计时
- 如何在 24 小时制下计算两个时间之间的时差
- 计算服务器和用户时间之间的差异
- 如何计算 24 小时格式的两个时间之间的差异
- 在 JavaScript 中获取两个时间之间的时差
- 使用 jquery 的两个日期时间之间的倒计时
- 在 JavaScript 中以 AM/PM 格式的两个时间之间的差异
- 客户端和服务器时间之间的差异
- 日期与时间之间的日期
- 获取两个日期时间之间的时差
- Javascript-如何检查当前时间是否在两个不同的时间之间
- 需要在javascript应用程序中查找没有日期的时间之间的差异
- 如何显示仅在特定时间之间弹出
- 用JavaScript将事件侦听器绑定到特定日期和时间之间的提交表单
- 日期时间之间的差异