自动更改滑块值jquery

时间:2012-06-12 11:18:37

标签: javascript jquery jquery-ui slider

如何在onload上更改jQuery ui滑块的值?

实际上我需要的是“自动滑块”,它会自动改变......

首先我使用settimeout到3000,所以在3000毫秒后它将开始工作。

更改我使用的值是

$("selector").slider("value",0); // this is the first option

完成第一个值更改后,我需要将其更改为第二个,第三个等。

我尝试delay,但它仍然会立即更改值。

$("selector").slider("value",0).delay(2500).slider("value",45); //not working it changing to 45 

我该如何实现?

谢谢。

1 个答案:

答案 0 :(得分:0)

否则你可以使用setTimeout

var val = 10;
var one = function() {
    $("#slider").slider("value", val);
    setTimeout(function() {
        val = val + 10;
        $('#slider').slider("value", val);
        if( val < 100 ){
            one();
        }
    }, 100);
};

one();
​

DEMO