JSFiddle - React, Tailwind, and code Playground

by Shaunak Deshpande

HTML

<body data-exam_time="55">
    <span class="countMinutes">
    <span class="digit">
    </span>
</span>
<span class="countSeconds">
    <span class="digit">
    </span>
</span>

<button>Click</button>
</body>

JavaScript

$('button').click(function(){
runTimer();
});
function runTimer(){

    total_seconds = 59;
    total_minutes = parseInt($("body").data("exam_time")) - 1;

    examTimer = setInterval(function(){
        $('.countMinutes').find('.digit').html(total_minutes + '<small> mins</small>');
        $('.countSeconds').find('.digit').html(total_seconds + '<small> sec</small>');
        total_seconds = total_seconds - 1;
        if(parseInt(total_seconds) <= 0){
            total_minutes = total_minutes - 1;
            total_seconds = 60;
        }
        if(parseInt(total_minutes) == 5){

            if($("body").data("popUpRemaining") == "true"){
                popUpNot('error','Less than five minutes remaining');
                $("body").data("popUpRemaining","false");
            }
        }
        if(parseInt(total_minutes) <= -1){
            finishExam('timeOver');
            clearInterval(examTimer);
        }
    },1000);
}