53 lines
1.7 KiB
JavaScript
53 lines
1.7 KiB
JavaScript
// GLOBAL VARS
|
|
let Warning = document.getElementsByClassName("WarningMessage")[0];
|
|
let Main = document.getElementsByClassName("Main")[0];
|
|
let Arrows = document.getElementsByClassName("Arrow");
|
|
|
|
let BrowserWidth = window.innerWidth;
|
|
let BrowserHeight = window.innerHeight;
|
|
|
|
// Update a timer
|
|
function UpdateTime() {
|
|
var TimeNow = new Date();
|
|
var Hour = TimeNow.getHours();
|
|
var Minute = TimeNow.getMinutes();
|
|
|
|
var WebsiteTime = document.getElementsByClassName("Time")[0]
|
|
WebsiteTime.innerHTML = "";
|
|
if (Hour < 10) {
|
|
WebsiteTime.innerHTML = WebsiteTime.innerHTML + "0" + Hour;
|
|
} else {
|
|
WebsiteTime.innerHTML = WebsiteTime.innerHTML + Hour;
|
|
}
|
|
WebsiteTime.innerHTML = WebsiteTime.innerHTML + ":";
|
|
if (Minute < 10) {
|
|
WebsiteTime.innerHTML = WebsiteTime.innerHTML + "0" + Minute;
|
|
} else {
|
|
WebsiteTime.innerHTML = WebsiteTime.innerHTML + Minute;
|
|
}
|
|
}
|
|
|
|
setInterval(UpdateTime, 1000);
|
|
|
|
// When the window is resized.
|
|
onresize = (event) => {
|
|
BrowserWidth = window.innerWidth;
|
|
BrowserHeight = window.innerHeight;
|
|
Start();
|
|
};
|
|
|
|
// When the <body> tag is done loading all it's elements
|
|
function Start() {
|
|
Warning.setAttribute("style", "height: " + BrowserHeight + "px; width: " + BrowserWidth + "px;");
|
|
Main.setAttribute("style", "height: " + BrowserHeight + "px; width: " + BrowserWidth + "px;");
|
|
Arrows[1].setAttribute("style", "left: " + (BrowserWidth - 100) + "px;");
|
|
}
|
|
|
|
// On clicking the warning message
|
|
function WarningFade() {
|
|
Warning.classList.add("WarningFadeOutAnimation");
|
|
document.getElementsByClassName("BlinkAnimation")[0].classList.remove("BlinkAnimation");
|
|
Main.classList.add("MainFadeInAnimation");
|
|
Main.classList.remove("Main");
|
|
Main = document.getElementsByClassName("MainFadeInAnimation")[0]
|
|
}
|