Как навести курсор и приостановить время в AngularJs Interval?

Question

Как навести курсор и приостановить время в AngularJs Interval?

0

У меня есть время в моем пользовательском интерфейсе, где время постоянно обновляется с использованием AngularJS Interval. Даже миллисекунды запутываются. Помня об этом, можно приостановить время, когда я навису над ним. Помощь очень ценится. Ниже приведены коды.

Изображение пользовательского интерфейса

HTML

 <div class="container">
 <div class="row ">
 <div class="col-lg-12 text-center" ng-app="myApp" ng-controller="myCtrl">
<h3  ><b id="thetime">{{theTime| date:'hh:mm:ss sss a'}}</b></h3>
</div>
</div>
</div>

Код AngularJS

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $interval) {
  $scope.theTime = new Date();

  $interval(function () {
      $scope.theTime = new Date();    
  }, 6);

});

Jeeva 27 июль 2016, в 11:27

Источник

Теги:

javascript

jquery

html

angularjs

css

1 ответ

Ещё вопросы

Ebin Manuval · Accepted Answer · 2016-07-27T06-24-00.000Z

в функции интервала остановки ng-mouseover функции начала интервала ng-mouseleave

    $scope.startInterval = function(){
         $scope.flag = $interval(function(){
                        $scope.theTime = new Date();
                    }, 6);
    }

    $scope.stopInterval= function(){
       if($scope.flag)
       $interval.cancel($scope.flag);
    }
    $scope.startInterval();

https://jsfiddle.net/ebinmanuval/7qo4jtjv/

Спасибо за ответ .. но это не работает .. само время перестает двигаться. Это остается остановленным.
Ух ты!! теперь это было потрясающе. Большое спасибо, приятель.