binäruhr

by Sebastian Kay

HTML

<div id="clock"></div>

CSS

#clock {
      font-family: monospace;
      font-size: 48px;
    }

JavaScript

function updateClock() {
  var currentTime = new Date();
  var hours = currentTime.getHours();
  var minutes = currentTime.getMinutes();
  var seconds = currentTime.getSeconds();

  var binaryHours = convertToBinary(hours, 5);
  var binaryMinutes = convertToBinary(minutes, 6);
  var binarySeconds = convertToBinary(seconds, 6);

  var clock = document.getElementById('clock');
  clock.innerHTML = binaryHours + ' : ' + binaryMinutes + ' : ' + binarySeconds;

  setTimeout(updateClock, 1000); // Update every second
}

function convertToBinary(value, digits) {
  var binary = value.toString(2);
  while (binary.length < digits) {
    binary = '0' + binary;
  }
  return binary;
}

updateClock();