hideIdleCursor.js

hideIdleCursor.js

const targetEl = document.querySelector('.js-target')
const hideMouse = false
const idleTime = 3000
let idleMouseTimer

targetEl.addEventListener('mousemove', (e) => {
  if (!hideMouse) {
    targetEl.style.cursor = ''
  
    clearTimeout(idleMouseTimer)

    idleMouseTimer = setTimeout(() => {
      targetEl.style.cursor = 'none'
      hideMouse = true
      setTimeout(() => {
        hideMouse = false
      }, 200)
    }, idleTime)
  }
})