Simple directive

by Dor Cohen

HTML

<script src="http://code.angularjs.org/1.1.3/angular.js"></script>
<div>
  <div show-current-time></div>
</div>

JavaScript

var mainModule = angular.module("myApp", []);

mainModule.directive("showCurrentTime", ["$timeout",
  function($timeout) {
    return function(scope, element, attrs) {
      function updateTime() {
        element.text(new Date());
      }

      function setWorkInterval() {
        $timeout(function() {
          updateTime();
          setWorkInterval();
        }, 1000);
      }
      setWorkInterval();
    };
  }
]);