How to get time with Milliseconds in AngularJS

Question

I'm able to get seconds in Time using AngularJS and its "Interval" option but i was thing about adding milliseconds to the same with 2 digits. Below is the code. can anyone tell me on how to add milliseconds to it.

AngularJs Code

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

HTML

<div class="col-lg-2" ng-app="myApp" ng-controller="myCtrl">
<h3 style="color: blue;font-family: cursive;"><b>{{theTime}}</b></h3>
</div>

Update - On how i found the solution.

I just did the following changes. Thanks to Pranjal

AngularJS Code

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

HTML

<div class="col-lg-2" ng-app="myApp" ng-controller="myCtrl">
<h3 style="color: blue;font-family: cursive;font-size: 20;margin-left: 20;"><b>{{theTime | date:'HH:mm:ss:sss a'}}</b></h3>
</div>

Pranjal · Accepted Answer · 2016-07-26 06:02:59Z

1

<body>
<script type="text/javascript">
    var app = angular.module('MyApp', [])
    app.controller('MyController', function ($scope) {
        $scope.CurrentDate = new Date();
    });
</script>
<div ng-app="MyApp" ng-controller="MyController">

    <span>{{CurrentDate | date:'HH:mm:ss:sss'}}</span>

</div>
</body>

answered Jul 26, 2016 at 6:02

Pranjal

1,1461 gold badge7 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Jeeva Over a year ago

but do you have any idea how to convert it to 12hr Format?

Pranjal Over a year ago

Instead of "HH" in capital, use "hh" in small letters. <span>{{CurrentDate | date:'hh:mm:ss:sss'}}</span>

Collectives™ on Stack Overflow

How to get time with Milliseconds in AngularJS

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related