Angular timer custom countdown variable

Question

I'm using angular-timer: http://siddii.github.io/angular-timer/

My goal is to create a timer for an app that keeps reference to a variable somewhere else. That way instead of having a timer that just restarts on page load I will have a timer that consistently counts down regardless of what the user does. Most examples with angular-timer have you enter a countdown number. Is there any way to pass in a variable like so:

var timeRemaining = 1000;

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

Instead of being forced to write the countdown like this:

countdown="1000"

I've already tried passing in the variable via the toString() method as well. Thanks.

Answer 1

It looks like you cannot do what you are trying to without editing the directive itself.

Alternatively, you could use the timer from this question on your scope, just modify it to count down: https://stackoverflow.com/a/12050481/4322479

Counting down, from the question's comments: 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);
  }

}

Answer 2

No need to edit directive, you could also use ng-if on your timer element to check for your startTime variable.

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

This way, the directive will only be initialised when you have your date, and it will work. Original issue below:

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