add support to "startup-delay" attribute to enable delay the counter.

README.md

@@ -15,12 +15,12 @@ Include the javascript file.
 Inject the `count-to` directive in your app.
 
 ```
-var myApp = angular.module('myApp', ['count-to']);
+var myApp = angular.module('myApp', ['countTo']);
 ```
 
 Apply the directive to a dom element.
 ```
- <span count-to="{{countTo}}" value="{{countFrom}}" duration="4"></span>
+ <span count-to="{{countTo}}" value="{{countFrom}}" duration="4" startup-delay="5"></span>
 ```
 
 
@@ -31,4 +31,4 @@ The following attributes can be set as numbers on the directive element.
 - ```count-to```  the number to count to.
 - ```value```  the number to start counting from.
 - ```duration```  how long the count should take in seconds.
-
+- ```startup-delay```  how long the counter will wait until it starts.

src/count-to.js

@@ -1,3 +1,4 @@
+
 var countTo = angular.module('countTo', [])
     .directive('countTo', ['$timeout', function ($timeout) {
         return {
@@ -6,15 +7,17 @@ var countTo = angular.module('countTo', [])
             link: function (scope, element, attrs) {
 
                 var e = element[0];
-                var num, refreshInterval, duration, steps, step, countTo, value, increment;
+                var num, refreshInterval, duration, steps, step, countTo, value, increment, startupDelay;
 
                 var calculate = function () {
                     refreshInterval = 30;
                     step = 0;
                     scope.timoutId = null;
+                    scope.delayTimeoutId = null;
                     countTo = parseInt(attrs.countTo) || 0;
                     scope.value = parseInt(attrs.value, 10) || 0;
                     duration = (parseFloat(attrs.duration) * 1000) || 0;
+                    startupDelay = (parseFloat(attrs.startupDelay) * 1000) || 0;
 
                     steps = Math.ceil(duration / refreshInterval);
                     increment = ((countTo - scope.value) / steps);
@@ -38,11 +41,17 @@ var countTo = angular.module('countTo', [])
                 }
 
                 var start = function () {
-                    if (scope.timoutId) {
-                        $timeout.cancel(scope.timoutId);
-                    }
+
+                    if (scope.delayTimeoutId) { $timeout.cancel(scope.delayTimeoutId); }
+                    if (scope.timoutId) { $timeout.cancel(scope.timoutId); }
+
                     calculate();
-                    tick();
+
+                    e.textContent = scope.value;
+
+                    scope.delayTimeoutId = $timeout(function () {
+                        tick();
+                    }, startupDelay);
                 }
 
                 attrs.$observe('countTo', function (val) {