From 84417580d267c849a97a67c4a32861cd9733f0e9 Mon Sep 17 00:00:00 2001 From: 123niel Date: Thu, 10 Jan 2019 22:06:58 +0100 Subject: [PATCH] refactored clock --- page/js/clock.js | 26 ++++++++++++++------------ 1 file changed, 14 insertions(+), 12 deletions(-) diff --git a/page/js/clock.js b/page/js/clock.js index 687e9e8..256e016 100644 --- a/page/js/clock.js +++ b/page/js/clock.js @@ -1,28 +1,30 @@ -var offset = 49020000; +const offset = 49020000; $(document).ready(function() { // Create two variable with the names of the months and days in an array - var monthNames = [ "Januar" , "Febuar" , "März" , "April" , "Mai" , "Juni" , "Juli" , "August" , "September" , "Oktober" , "November" , "Dezember" ]; + var monthNames = [ "Januar" , "Febuar" , "März" , "April" , "Mai" , "Juni" , "Juli" , "August" , "September" , "Oktober" , "November" , "Dezember" ]; var dayNames= [ "Sonntag" , "Montag" , "Dienstag" , "Mittwoch" , "Donnerstag" , "Freitag" , "Samstag" ]; timeTick(); setInterval(timeTick, 1000); + function twoDigits (n) { + return (n < 10 ? '0': '') + n; + } function timeTick() { $('.point').css('animation-name', 'none'); - var date = new Date(); + const date = new Date(); date.setTime(date.getTime() - offset); - var seconds = date.getSeconds(); - var minutes = date.getMinutes(); - var hours = date.getHours(); - - - $('#date').html(dayNames[date.getDay()] + " " + date.getDate() + ' ' + monthNames[date.getMonth()] + ' ' + date.getFullYear()); - $("#sec").html(( seconds < 10 ? "0" : "" ) + seconds); - $("#min").html(( minutes < 10 ? "0" : "" ) + minutes); - $("#hours").html(( hours < 10 ? "0" : "" ) + hours); + const seconds = date.getSeconds(); + const minutes = date.getMinutes(); + const hours = date.getHours(); + + $('#date').html(dayNames[date.getDay()] + " " + date.getDate() + ' ' + monthNames[2] + ' ' + date.getFullYear()); + $("#sec").html(twoDigits(seconds)); + $("#min").html(twoDigits(minutes)); + $("#hours").html(twoDigits(hours)); $('.point').css('animation-name', 'flash'); }