JSFiddle - React, Tailwind, and code Playground

by axemclion

HTML

<div ng-app = "ServiceNotification">
    <div ng-controller="TimerCtrl1" style="border-style:dotted"> 
        TimerCtrl1 <br/>
        Last Updated: {{timerData.lastUpdated}}<br/>
        Last Updated: {{timerData.calls}}<br/>
    </div>
</div>

JavaScript

var app = angular.module("ServiceNotification", []);

function TimerCtrl1($scope, Timer) {
    $scope.timerData = Timer.data;
};

app.factory("Timer", function ($timeout) {
    var data = { lastUpdated: new Date(), calls: 0 };
    
    var updateTimer = function () {
        data.lastUpdated = new Date();
        data.calls += 1;
        console.log("updateTimer: " + data.lastUpdated);
        
        $timeout(updateTimer, 5000);
    };
    updateTimer();
    
    return {
        data: data
    };
});