A quick play with some JavaScript and Angular.js to create a Christmas Counter for my Daughters
The HTML:
Imogen and Emily’s Christmas Counter
Time Now: {{ time | date:’dd/MM/yyyy HH:mm:ss’ }}
How Long to go: {{ myDays }} days, {{ myHours }} hours, {{ myMinutes }} mins, {{ mySeconds }} seconds.
The JavaScript Code:
(function(){
var app = angular.module('store',['angularMoment']);
app.controller('StoreController', function($scope,$interval, $filter){
$scope.time = new Date();
$scope.myTime = "";
$scope.mySeconds = "";
$scope.myMinutes = "";
$scope.myHours = "";
$scope.myDays = "";
$interval(function()
{
var current = new Date();
var cm = new Date(2016,11,25);
var period = cm.getTime() - current.getTime();
$scope.time = current;
//take out milliseconds
var difference_ms = period/1000; //seconds
var secs = Math.floor(difference_ms % 60);
difference_ms = difference_ms/60; // minutes
var mins = Math.floor(difference_ms % 60);
difference_ms = difference_ms/60; //hours
var hours = Math.floor(difference_ms % 24);
var days = Math.floor(difference_ms/24);
$scope.mySeconds = secs;
$scope.myMinutes = mins;
$scope.myHours = hours;
$scope.myDays = days;
$scope.myTime = days + " days, " + hours + " hours, " + mins + " mins, " + secs + " seconds.";
},1000);
});
})();