JSFiddle - React, Tailwind, and code Playground

by witq

HTML

<script src="https://raw.github.com/aterrien/jQuery-Knob/master/js/jquery.knob.js"></script>
<input class="timer" type="text" value="0" data-min="0" data-max="100">

JavaScript

$('.timer').knob({
    "min":0,
    "max":60,
    "readOnly":true,
    "change": function(value) {
        console.log(value);
    }
});

updateTimer = function() {
    var timer = $('.timer')
    var previous_value = timer.val();
    var next_value = parseInt(previous_value) + 1;
    if (next_value == 60)
        next_value = 0
    timer.val(next_value);
    timer.change();
};

setInterval('updateTimer()', 1000);