Animating (Non-Stop) jQuery Ui Slider On Button Click

Animating (Non-Stop) jQuery Ui Slider On Button Click

Can you please take a look at This Demo and let me know how I can dynamically run the slider from value to max and back to min and again ...

 $(function() { var slider = $( "#slider" ).slider({ range: "min", min: 1, max: 280, value: 140 }); $('.btn-succes').on('click',function(){ slider.slider('value', slider.slider('value') ); return false; }); });
@import url(https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/images/ui-bg_flat_10_000000_40x100.png)
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.css" rel="stylesheet"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/i18n/jquery-ui-i18n.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="container"> <br /> <div class="col-md-2"> <div id="slider"></div> </div> <div class="row"> <button class="btn btn-success">Run</button> <button class="btn btn-info">Stop</button> </div> </div>