JSFiddle - React, Tailwind, and code Playground

by shurikation

JavaScript

var duration = 100;
var time = 5

var progressBar = time * 1000;
var count = duration * time;
var counter = setInterval(timer, 10);

function timer() {
    count = count - 1;
    if (count < 0) {
        clearInterval(counter);
        SpinRoulette()
        return count
    }
    const countdown = (count / duration);

    document.getElementById('countdown').innerHTML = countdown;
    const progressElement = document.getElementById('progress-countdown')

    progressBar -= 10;
    const currentProgressBarValue = progressBar / 1000;
    progressElement.value = currentProgressBarValue
}

timer();