Jquery Mobile Slider Постоянное движение

Question

Таким образом, проблема в том, чтобы в jQuery Mobile alpha 4.1 был постоянно перемещающийся слайдер, как будто вы слушаете песню или смотрите шоу. В основном индикатор выполнения, в который пользователь также может вводить данные. Очень похоже на музыкальный проигрыватель обычного мобильного устройства. У кого-нибудь есть идеи как это сделать?

Answer 1

Пример:

(Не уверен, что это сработает с Alpha 4.1, но может дать вам представление о том, как заставить вашу работу работать)

• 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"  />

       <a href="#" id="resetSlider" data-role="button">Reset Slider</a>
    </div>
</div>