Jquery移动滑块常量移动

Question

因此，手头的问题是在jQuery移动Alpha4.1中有一个不断移动的滑块，就像听一首歌或看一场表演一样。基本上是一个进度条，用户也可以在其中输入输入。就像普通移动设备的音乐播放器上的一样。有没有人知道该怎么做？

Answer 1

示例：

(不确定这是否适用于Alpha4.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>