Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
var mwWrapper = document.getElementById("mw-wrapper");
var clockContainer = document.createElement("div");
var clockInnerContainer = document.createElement("div");
var clockAnalogContainer = document.createElement("div");
var clockDigitalContainer = document.createElement("div");
var clockAnalogHour = document.createElement("div");
var clockAnalogMinute = document.createElement("div");
var clockAnalogSecond = document.createElement("div");
var clockNow = new Date();
var clockHour = clockNow.getHours();
var clockMinute = clockNow.getMinutes();
var clockSecond = clockNow.getSeconds();
if (clockHour < 10) {
var clockHourF = "0" + clockHour;
} else {
var clockHourF = clockHour;
}
if (clockMinute < 10) {
var clockMinuteF = "0" + clockMinute;
} else {
var clockMinuteF = clockMinute;
}
if (clockSecond < 10) {
var clockSecondF = "0" + clockSecond;
} else {
var clockSecondF = clockSecond;
}
clockContainer.id = "clockContainer";
clockInnerContainer.id = "clockInnerContainer";
clockAnalogContainer.id = "clockAnalogContainer";
clockDigitalContainer.id = "clockDigitalContainer";
clockAnalogHour.id = "clockAnalogHour";
clockAnalogMinute.id = "clockAnalogMinute";
clockAnalogSecond.id = "clockAnalogSecond";
clockAnalogHour.style.animationDelay = (-1 * (clockSecond + (clockMinute * 60) + (clockHour * 3600))) + "s";
clockAnalogMinute.style.animationDelay = (-1 * (clockSecond + (clockMinute * 60) + (clockHour * 3600))) + "s";
clockAnalogSecond.style.animationDelay = (-1 * (clockSecond + (clockMinute * 60) + (clockHour * 3600))) + "s";
clockDigitalContainer.textContent = clockHourF + ":" + clockMinuteF + ":" + clockSecondF;
mwWrapper.append(clockContainer);
clockContainer.append(clockInnerContainer);
clockInnerContainer.append(clockAnalogContainer);
clockInnerContainer.append(clockDigitalContainer);
clockAnalogContainer.append(clockAnalogHour);
clockAnalogContainer.append(clockAnalogMinute);
clockAnalogContainer.append(clockAnalogSecond);
setInterval(function() {
clockSecond ++
if (clockSecond == 60) {
clockSecond = 0;
clockMinute ++;
}
if (clockMinute == 60) {
clockMinute = 0;
clockHour ++;
}
if (clockHour == 24) {
clockHour = 0;
}
if (clockHour < 10) {
var clockHourF = "0" + clockHour;
} else {
var clockHourF = clockHour;
}
if (clockMinute < 10) {
var clockMinuteF = "0" + clockMinute;
} else {
var clockMinuteF = clockMinute;
}
if (clockSecond < 10) {
var clockSecondF = "0" + clockSecond;
} else {
var clockSecondF = clockSecond;
}
clockDigitalContainer.textContent = clockHourF + ":" + clockMinuteF + ":" + clockSecondF;
}, 1000);
