当我的网页上有持续时间计数器时,AngularJS会以任何方式提供帮助吗？

概述我有一个使用Angular ui-router的应用程序.当路由器设置为某个状态时,我希望将计时器设置为例如2小时.当它被设置为另一个状态时,我希望计数器倒计时.我想在屏幕上显示剩余时间. 有没有人有关于如何实现此功能的任何代码示例？如果有人做过类似的事情,我会感谢他们给出的任何建议. 我目前正在我的项目中使用倒计时服务.根据您的要求,您可以使用以下服务： >在第一页开始初始化它 app.cont 我有一个使用Angular ui-router的应用程序.当路由器设置为某个状态时,我希望将计时器设置为例如2小时.当它被设置为另一个状态时,我希望计数器倒计时.我想在屏幕上显示剩余时间.

有没有人有关于如何实现此功能的任何代码示例？如果有人做过类似的事情,我会感谢他们给出的任何建议.

解决方法 我目前正在我的项目中使用倒计时服务.根据您的要求,您可以使用以下服务：

>在第一页开始初始化它

app.controller('vIEw1Ctrl',function($scope,$csCountdown){  $csCountdown.init(2 * 3600); // 2 hours  $scope.countdown = $csCountdown.data;})

>在第二页开始计数器

app.controller('vIEw2Ctrl',$csCountdown){  $csCountdown.start();  $scope.countdown = $csCountdown.data;})

您可以使用countdown.stringValue在任何页面上显示该值

<h1>Time : {{countdown.stringValue}}</h1>

你可以看到它工作PLUNKER LINK.我创建了vIEw1& vIEw2与过渡动画.

编辑

我已经更新了PLUNKER 2以获得一个实际的例子.

>最初您会看到说明页面,其中计时器初始化为2小时.>然后转到问题1,计时器启动>问题1你可以去帮助页面,计时器暂停>然后你回到问题2,计时器恢复…

总结

以上是内存溢出为你收集整理的当我的网页上有持续时间计数器时,AngularJS会以任何方式提供帮助吗？全部内容，希望文章能够帮你解决当我的网页上有持续时间计数器时,AngularJS会以任何方式提供帮助吗？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。