Jquery Mobile Slider Constant Movement - jquery-mobile

Question

So the issue at hand is to have a constantly moving slider in jQuery Mobile alpha 4.1 as if listening to a song or watching a show. Basically a progress bar in which the user can also enter input. Much like one on a regular mobile device's music player. Does anyone have an idea on how to do this?

Answer 1

Example:
(Not sure if this will work with Alpha 4.1 but might give you and idea on how to make yours work)
http://jsfiddle.net/zPVVq/
JS
$('#movingSlider').live('click', function() {
var started = false;
var speed = 1500;
var duration = new Array();
for(i = $(this).val(); i <= $(this).attr('max'); i++){
duration.push(i);
}
$.each(duration,function() {
var moveSlider = function() {
newValue = parseInt($('#movingSlider').val(), 10) + 1;
$('#movingSlider').val(newValue).delay(speed).slider('refresh');
}
setTimeout(moveSlider,0);
});
});
$('#resetSlider').click(function() {
$('#movingSlider').val(0); });
HTML
<div data-role="page" id="home">
<div data-role="content">
<label for="slider-0">Click slider value to start --></label>
<input type="range" name="slider" id="movingSlider" value="0" min="0" max="1000" />
Reset Slider
</div>
</div>