JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

$(document).ready(function () {
    CreateFrameTimer("timey", 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 TickTock() {
    FrameTimerTotalSeconds -= 1;
    UpdateFrameTimer();
    if (FrameTimerTotalSeconds <= 0 || FrameTimerOn == false) {
        this.HideFrameOverlays();
        return;
    }
    window.setTimeout(TickTock, 1000);
}

function UpdateFrameTimer() {
    $("#me").html(FrameTimerTotalSeconds);
}