JSFiddle - React, Tailwind, and code Playground

by lloydbanks

HTML

<div id="timer">01:33:36</div>

JavaScript

let timeoutHandle

function count() {
  const startTime = timer.innerHTML
  const pieces = startTime.split(':')
  const time = new Date()
  time.setHours(pieces[0])
  time.setMinutes(pieces[1])
  time.setSeconds(pieces[2])
  const timedif = new Date(time.valueOf() - 1000)
  const newtime = timedif.toTimeString().split(' ')[0]
  const isDead = newtime.match(/\d/g).every(n => +n === 0)
  timer.innerHTML = newtime
  if (!isDead) {
    timeoutHandle = setTimeout(count, 1000)	
  } else {
    const img = document.createElement('img')
    img.src = 'https://i.postimg.cc/7Yc4LHND/wasted.jpg'
    timer.appendChild(img)
    clearTimeout(timeoutHandle)
  }
}
count()