35 lines
853 B
HTML
35 lines
853 B
HTML
<!DOCTYPE html>
|
|
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>.ebeat</title>
|
|
|
|
<style>
|
|
#beats {
|
|
font-size: 20pt;
|
|
}
|
|
</style>
|
|
|
|
<code id="beats"></code>
|
|
|
|
<p>
|
|
<a href="https://en.wikipedia.org/wiki/Swatch_Internet_Time">.beats</a>
|
|
since <a href="https://en.wikipedia.org/wiki/Unix_time">Unix epoch</a>
|
|
</p>
|
|
|
|
<script>
|
|
let numFmt = new Intl.NumberFormat("en", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
|
|
let beatsEl = document.getElementById("beats");
|
|
|
|
function setContents() {
|
|
let beats = beatsSinceEpoch(new Date())
|
|
beatsEl.textContent = numFmt.format(beats);
|
|
}
|
|
|
|
function beatsSinceEpoch(date) {
|
|
return date.getTime() / 1000 / 86.4;
|
|
}
|
|
|
|
setContents();
|
|
const intervalID = setInterval(setContents, 864);
|
|
</script>
|