JSFiddle - React, Tailwind, and code Playground

HTML

<div id="me"></div>

JavaScript

$(document).ready(function () {
   CreateFrameTimer("me", 30);
});
 var FrameTimer;
    var FrameTimerTotalSeconds;
    var FrameTimerOn = false;

    function CreateFrameTimer(TimerId, Time) {
        FrameTimerOn = true;
        FrameTimer = document.getElementById(TimerId);
        FrameTimerTotalSeconds = Time;
        UpdateFrameTimer();
        window.setTimeout("TickTock", 1000);
    }
    
function UpdateFrameTimer(){
    $("#me").html(FrameTimerTotalSeconds);
}

function TickTock() {
        FrameTimerTotalSeconds -= 1;
        UpdateFrameTimer();
        if (FrameTimerTotalSeconds <= 0 || FrameTimerOn == false)
        {
            this.HideFrameOverlays();
            return;
        }
        window.setTimeout("TickTock", 1000);
    }