script.js

setInterval(() => {
  let date = new Date();
  let hours = date.getHours();
  let minutes = date.getMinutes();
  let seconds = date.getSeconds();
  let hour_needle = document.querySelector(".hours");
  let minute_needle = document.querySelector(".minutes");
  let second_needle = document.querySelector(".seconds");
  hour_needle.style.transform = `rotate(${30 * hours + minutes / 2}deg)`;
  minute_needle.style.transform = `rotate(${6 * minutes}deg)`;
  second_needle.style.transform = `rotate(${6 * seconds}deg)`;
}, 10);
setInterval(() => {
  let date = new Date();
  let hoursBox = document.querySelector(".dhours");
  let minutesBox = document.querySelector(".dminutes");
  let secondsBox = document.querySelector(".dseconds");
  let timeBox = document.querySelector(".dtime");
  let fullHours;
  if (date.getHours() > 12) {
    if (date.getHours() < 22) {
      fullHours = "0" + (date.getHours() - 12);
    } else {
      fullHours = date.getHours() - 12;
    }
  } else {
    if (date.getHours() < 10) {
      fullHours = "0" + date.getHours();
    } else {
      fullHours = date.getHours();
    }
  }
  hoursBox.innerText = fullHours;
  minutesBox.innerText =
    date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
  secondsBox.innerText =
    date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
  timeBox.innerText = date.getHours() >= 12 ? "PM" : "AM";
}, 10);

let date = new Date();
if (date.getHours() >= 19 || date.getHours() < 7) {
  let body = document.getElementsByTagName("body");
  body[0].classList.add("night");
}