繁体   English   中英

角度计时器自定义倒计时变量

Angular timer custom countdown variable

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我正在使用角度计时器: http//siddii.github.io/angular-timer/

我的目标是为应用程序创建一个计时器,以便在其他位置引用变量。 这样,无论用户在页面加载时重新启动计时器,我都会有一个计时器,无论用户做什么,都会一直倒计时。 大多数使用角度计时器的例子都会输入倒计时数字。 有没有办法传递这样的变量:

var timeRemaining = 1000;

<h1 class="timer"><timer countdown=timeRemaining max-time-unit="'minute'" interval="1000">{{mminutes}} minute{{minutesS}}, {{sseconds}} second{{secondsS}}</timer></h1>

而不是像这样被迫写倒计时:

countdown="1000"

我已经尝试过通过toString()方法传递变量了。 谢谢。

2 个回复

看起来你不能在不编辑指令本身的情况下做你想做的事情。

或者,您可以在示波器上使用此问题的计时器,只需将其修改为倒计时: https//stackoverflow.com/a/12050481/4322479

从问题的评论中倒数: http//jsfiddle.net/dpeaep/LQGE2/1/

function AlbumCtrl($scope,$timeout) {
  $scope.counter = 5;
  $scope.onTimeout = function(){
      $scope.counter--;
      if ($scope.counter > 0) {
          mytimeout = $timeout($scope.onTimeout,1000);
      }
      else {
          alert("Time is up!");
      }
  }
  var mytimeout = $timeout($scope.onTimeout,1000);

  $scope.reset= function(){
      $scope.counter = 5;
      mytimeout = $timeout($scope.onTimeout,1000);
  }

}

无需编辑指令,您还可以在timer元素上使用ng-if来检查startTime变量。

<timer ng-if="yourCountdownVaariable>0" countdown="yourCountdownVaariable" 
    max-time-unit="'hour'" interval="60000">
        {{hhours}} hour{{hoursS}}, {{mminutes}} minute{{minutesS}}
</timer>

这样,指令只会在你有你的日期时初始化,并且它会起作用。 原始问题如下:

https://github.com/siddii/angular-timer/issues/36

1 具有自定义持续时间的计时器/倒计时?

这部分代码是一个计时器,设置了90秒的持续时间,使用命令“!t90”启动。 如何编写使用命令“!t”的秒数的选项? (或在一个文件中分别包含30、45、60、90、120(因为这些是我的服务器将使用99.9%的时间的唯一计时器)) 谢谢 ...

4 倒计时器

我想在倒数计时器结束后执行我的beginrecording()方法。 但是两种方法都同时执行。 谁能帮我解决这个问题。 我的代码如下: 提前致谢 ...

2011-03-08 06:18:51 2 309   java
5 倒计时器

尝试在micrsoft visual studio上的C#中执行一个倒数计时器,最小值为10秒,最大值为2小时,当计时器用尽时需要显示该如何实现? 谢谢 ...

6 倒计时器

我设置了一个计时器,只要玩家处于回合阶段,它就会被调用。 我还有一个乘数,当玩家执行动作时,该乘数会缓慢减小。 由于一些奇怪的原因,我的多变量返回了垃圾值,所以我在onLoad语句中将其初始化为1,但似乎仍然有麻烦。 每次Timer触发时,该值都会立即在NsLog语句中显示为非常大的负 ...

7 倒计时器?

我制作了一个简单的应用程序,其中包含一个测验问题,用户选择了一个答案,但是我需要您的帮助,以便在我的应用程序中添加一个倒计时计时器,持续20秒,这将在接下来的时间里直接转移到下一个问题,并且当用户及时回答它将转移到下一个问题 谢谢 ...

8 倒计时器

我正在尝试创建一个倒计时器,它将倒计时,一个连接到文本字段的IBOutlet,从60秒降低到0.我不确定 A.如何将重复限制为60和 B.如何提前减少倒计时: ...

9 倒计时器

使用Keith Woods倒数计时器。 不知道如何设置计时器的倒计时。 我有 : 在网页上显示时间: 2天11小时18分21秒 所以不确定我做错了什么,因为我怀疑2011年,2,10表示日期(但那是2月和3月)并且不确定为什么它会这样。 他的确陈述: htt ...

10 倒计时器

我没有在Java中找到一些简单的倒数计时器Java摇摆教程,所以我决定以自己的方式实现它: javax.swing.Timer t =新的javax.swing.Timer(1000,新的ClockListener()); _timeField是JTextField 这 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM