Почему в глобальной области не работает?

const secondsH = document.querySelector('.second-hand'); 
const minuH = document.querySelector('.min-hand'); 
const hourH = document.querySelector('.hour-hand'); 
 
function setDate() { 
  const now = new Date(); 
  const seconds = now.getSeconds(); 
  const secIndeg = ((seconds / 60) * 360) + 90; 
  console.log(secIndeg); 
  if (secIndeg === 90) { 
    setMin(); 
    setInterval(setMin, 60000); 
    console.log('go'); 
  } 
  secondsH.style.transform = `rotate(${secIndeg}deg)`; 
 
} 
 
function setMin() { 
  const now = new Date(); 
  const minutes = now.getMinutes(); 
  console.log(minutes); 
  if (minutes === 0) { 
    setHour(); 
    setInterval(setHour, 1000 * 3600); 
  } 
  const minIndeg = ((minutes / 60) * 360) + 90; 
  minuH.style.transform = `rotate(${minIndeg}deg)`; 
} 
 
function setHour() { 
  const now = new Date(); 
  const hours = now.getHours(); 
  console.log(hours) 
  const hourIndeg = ((hours / 12) * 360) + 90; 
  hourH.style.transform = `rotate(${hourIndeg}deg)`; 
 
} 
 
setHour(); 
setMin(); 
 
setInterval(setDate, 1000);

<div class="hour-hand"></div> 
<div class="min-hand"></div> 
<div class="second-hand"></div>