JSFiddle - React, Tailwind, and code Playground

by Aamir Afridi

HTML

<div id="timer"></div>

CSS

#timer{
    display:inline-block;
    padding:3px 5px;
    border:1px solid #666;
    font-family:tahoma;
    color:#999;
    font-size:12px;
}

JavaScript

var el = document.getElementById('timer');
var milliSecondsTime = 10000;
var timer;


el.innerHTML = milliSecondsTime/1000;
timer = setInterval(function(){
    milliSecondsTime = milliSecondsTime - 1000;
    if(milliSecondsTime/1000 == 0) {
        clearTimeout(timer);
        el.innerHTML = 'BOOOOM';
    }
    else {
        el.innerHTML = milliSecondsTime/1000;
    }
},1000);