binary-clock-js
Version:
Display Binary Clock
36 lines (35 loc) • 1.39 kB
HTML
<html>
<head>
<title>Binary Clock JS</title>
<style>
body {
padding: 50px;
display: flex;
flex-direction: column;
}
canvas {
width: 160px;
}
</style>
</head>
<body>
<h1>Binary Clock JS <code>(<a target="BinaryClockJS" href="https://github.com/anjnkmr/binary-clock-js">Source Code</a>)</code></h1>
<hr/>
<h3>Default Setup:</h3>
<canvas id="binary-clock1"></canvas>
<hr/>
<h3><code>showDateTimeLabel</code> is <code>true</code>, <code>autoUpdate</code> is <code>false</code>:</h3>
<canvas id="binary-clock2"></canvas>
<hr/>
<h3><code>showDateTimeLabel</code> is <code>false</code>, <code>autoUpdate</code> is <code>false</code>:</h3>
<canvas id="binary-clock3"></canvas>
<hr/>
<script src="../binary-clock.js"></script>
<script>
new BinaryClock(new Date(), document.getElementById('binary-clock1'));
new BinaryClock(new Date(), document.getElementById('binary-clock2'), {showDateTimeLabel: true, autoUpdate: false});
new BinaryClock(new Date(2021,05,18,18,42,33), document.getElementById('binary-clock3'), {showDateTimeLabel: false, autoUpdate: false});
</script>
</body>
</html>