角度计时器不起作用

debugcn 发表于 Dev

ng-R

问题陈述是angular中的timer指令无法正常工作。

我将以秒为单位获取开始时间。

我的计时器在html中看起来像这样：

 $scope.SecondsToMillisecond = function(seconds){

   var   minutes = seconds / 60;
   seconds -= minutes * 60;
			
   var dateObj = new Date(); // current date
   dateObj.setMinutes(parseInt(dateObj.getMinutes() - minutes));
   dateObj.setSeconds(parseInt(dateObj.getSeconds() - seconds));

   var milliseconds = dateObj.getTime();
   return milliseconds;
 }

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div class="timer" data-ng-init='mSeconds=SecondsToMillisecond(seconds)'>	      
  <timer start-time="mSeconds" max-time-unit="'minute'">
	{{mminutes}}:{{sseconds}} 
  </timer>
</div>

执行后：有时，如果秒数超过59，则分钟数字段而不是设置为1，它将重置为0，并在几秒钟后将其重置为1。这很奇怪，但是正在发生..没有找到我错的地方..

ng-R

花了一天半的时间后，罪魁祸首终于被抓获。

timer指令没有任何问题，但是timer封装在div标签中。div标记为class =“ timer”，在删除timer标记后，我发现div标记中正在运行一些计时器。

解决的办法是我将定时器重命名为css类，并且工作正常。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。