JSFiddle - React, Tailwind, and code Playground
HTML
<div id="timer">5:00</div>
JavaScript
function countdown(minutes) {
var seconds = 60;
var mins = minutes
function tick() {
var counter = document.getElementById("timer");
var current_minutes = mins-1
seconds--;
counter.innerHTML =
current_minutes.toString() + ":" + (seconds < 10 ? "0" : "") + String(seconds);
if( seconds > 0 ) {
setTimeout(tick, 1000);
} else {
if(mins > 1){
setTimeout(function () { countdown(mins - 1); }, 1000);
}else{
var audio = new Audio('https://ia700407.us.archive.org/24/items/BBCSymphony7Beethoven/symphony7_beethoven_radio3_64kb.mp3');
audio.play();
}
}
}
tick();
}
countdown(1);