JSFiddle - React, Tailwind, and code Playground

HTML

<div id="digital"></div><br>
 
 <audio id="mysound" src="../audio/Clock.mp3" data-index-number="1"></audio>

JavaScript

function checkHourAndPlaySound (timer) {
    //check hour and trigger event
    setTimeout(function () {
        if (new Date().getMinutes() === 0 && new Date().getSeconds() === 0) {
            playSound(new Date().getHours());
        }
    }, timer);
}

function playSound(times) {
    var audio = document.querySelector('#mysound');
    var i = 0;

    for (i; i < times; i++) {
        console.log('sound Played');
    }
}

checkHourAndPlaySound(1000);