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;
setInterval(function() { let sign = "";
var time = new Date().getTime() / 1000 - delay - bustime; if (time < 0) {
var minus = ""; time = -time
if (time < 0) { sign = "-";
time = -time }
minus = "-";
} let hours = Math.trunc(time / 3600).toString();
var hours = Math.trunc(time / 3600).toString(); let mins = Math.trunc((time % 3600) / 60).toString();
var mins = Math.trunc((time % 3600) / 60).toString(); let secs = Math.trunc(time % 60).toString();
var secs = Math.trunc(time % 60).toString();
if (mins.length < 2) {mins = "0" + mins;} if (mins.length < 2) {
if (secs.length < 2) {secs = "0" + secs;} mins = "0" + mins;
var formatted = minus + hours + ":" + mins + ":" + secs; }
document.getElementById("Clock").value = formatted; if (secs.length < 2) {
}, 1000); secs = "0" + secs;
</script> }
<body> let formatted = sign + hours + ":" + mins + ":" + secs;
<input type="text" id="Clock" disabled /> document.getElementById("clock").innerText = formatted;
<br/> };
Delay: <input type="text" id="Delay" value="10"/>
<input type="button" id="Update" onclick="update()" value="Update Delay"/> setInterval(updateClock, 1000);
</script>
</body> </body>
</html> </html>

Write Preview
Loading…
Cancel
Save