henine
/
wubloader
mirror of https://github.com/ekimekim/wubloader
1
0
Fork 0
Code Issues Releases Wiki Activity

Mess with the clock page, mostly to start getting my bearings (also to standardize the markup and code style)

Browse Source
pull/235/head
ElementalAlchemist 4 years ago committed by Mike Lang
parent 61f55d03fb
commit e024a42166
1 changed files with 45 additions and 27 deletions
Show Stats Download Patch File Download Diff File

72
thrimbletrimmer/clock.html
Unescape Escape View File

@ -1,32 +1,50 @@
<!DOCTYPE html>
<html> <html>
<script> <head>
delay = 10; <meta charset="utf-8">
bustime = 1605290400; <title>Stream Time</title>
<style type="text/css">
#clock {
margin-bottom: 3px;
}
</style>
</head>
<body>
<div id="clock"></div>
<div>
<input type="number" id="delay" value="10" min="0"> seconds of delay
</div>
<script type="text/javascript">
const BUS_START_TIME = 1605290400;
function update() { let updateClock = () => {
delay = parseInt(document.getElementById("Delay").value); let delay = parseInt(document.getElementById("delay").value);
} if (isNaN(delay)) {
delay = 0;
}
let time = (new Date().getTime()) / 1000 - delay - BUS_START_TIME;
let sign = "";
if (time < 0) {
time = -time
sign = "-";
}
let hours = Math.trunc(time / 3600).toString();
let mins = Math.trunc((time % 3600) / 60).toString();
let secs = Math.trunc(time % 60).toString();
if (mins.length < 2) {
mins = "0" + mins;
}
if (secs.length < 2) {
secs = "0" + secs;
}
let formatted = sign + hours + ":" + mins + ":" + secs;
document.getElementById("clock").innerText = formatted;
};
setInterval(function() { setInterval(updateClock, 1000);
var time = new Date().getTime() / 1000 - delay - bustime; </script>
var minus = "";
if (time < 0) {
time = -time
minus = "-";
}
var hours = Math.trunc(time / 3600).toString();
var mins = Math.trunc((time % 3600) / 60).toString();
var secs = Math.trunc(time % 60).toString();
if (mins.length < 2) {mins = "0" + mins;}
if (secs.length < 2) {secs = "0" + secs;}
var formatted = minus + hours + ":" + mins + ":" + secs;
document.getElementById("Clock").value = formatted;
}, 1000);
</script>
<body>
<input type="text" id="Clock" disabled />
<br/>
Delay: <input type="text" id="Delay" value="10"/>
<input type="button" id="Update" onclick="update()" value="Update Delay"/>
</body> </body>
</html> </html>

Write Preview
Loading…
Cancel
Save