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);