wubloader/thrimbletrimmer/clock.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<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;

		let updateClock = () => {
			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(updateClock, 1000);
	</script>
</body>
</html>
Mess with the clock page, mostly to start getting my bearings (also to standardize the markup and code style) 4 years ago			`<!DOCTYPE html>`
Add thrimbletrimmer clock To provide a true bustime even when they're bussing with the overlay 5 years ago			`<html>`
Mess with the clock page, mostly to start getting my bearings (also to standardize the markup and code style) 4 years ago			`<head>`
			`<meta charset="utf-8">`
			`<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;`
Add thrimbletrimmer clock To provide a true bustime even when they're bussing with the overlay 5 years ago
Mess with the clock page, mostly to start getting my bearings (also to standardize the markup and code style) 4 years ago			`let updateClock = () => {`
			`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;`
			`};`
Add thrimbletrimmer clock To provide a true bustime even when they're bussing with the overlay 5 years ago
Mess with the clock page, mostly to start getting my bearings (also to standardize the markup and code style) 4 years ago			`setInterval(updateClock, 1000);`
			`</script>`
Add thrimbletrimmer clock To provide a true bustime even when they're bussing with the overlay 5 years ago			`</body>`
			`</html>`