JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css">
<div style="width:200px;margin-left:10px">
  <br/>
  <div id="slider1" style="width:200px;"></div>
  <br/>
  <div id="status" style="width:500px;"></div>
</div>

JavaScript

var myvalue = 10;
$('#slider1').slider({
    range: "min",
    value: myvalue,
    min: 0,
    max: 57,
    slide: function(event, ui) {
        setTimeout(function() { sliderMethod(event,ui); }, 2000); // delay trigger for 2s
    }
});

function sliderMethod(event, ui) {
     $("#status").text(new Date()); 
}