jquery ui中的setinterval未按预期工作
我很难复制的功能jquery ui中的setinterval未按预期工作,jquery,jquery-ui,Jquery,Jquery Ui,我很难复制的功能 progressbar.progressbar({ 值:false, 更改:函数(){ progressLabel.text(progressbar.progressbar(“值”)+“%”); }, 完成:函数(){ progressLabel.text(“完成!”); } }); 功能进展(){ var val=progressbar.progressbar(“值”)|| 0; progressbar.progressbar(“值”,val+1); 如果(val100){
progressbar.progressbar({
值:false,
更改:函数(){
progressLabel.text(progressbar.progressbar(“值”)+“%”);
},
完成:函数(){
progressLabel.text(“完成!”);
}
});
功能进展(){
var val=progressbar.progressbar(“值”)|| 0;
progressbar.progressbar(“值”,val+1);
如果(val<99){
设置超时(进度,100);
}
}
在
。我想在条内显示progressvalue,如上面的示例所示
有人能帮我弄清楚这一点吗;
var el = $('#my-progress');
var lab = $("#progress-label");
el.on('progressbarcreate', function (event, ui) {
el.after('<p>Start value: ' + el.progressbar('value') + '</p>');
});
el.progressbar({
change: function () {
lab.text(el.progressbar("value"));
},
complete: function() {
lab.text("Complete!");
}
});
// animate progress
var count = 0;
var timer = setInterval(function () {
if (count++ > 100) {
// Stop repeating
clearInterval(timer);
} else {
el.progressbar('value', count);
}
}, 100);
var lab=$(“#进度标签”);
el.on('progressbarcreate',函数(事件,用户界面){
el.after(“开始值:”+el.progressbar('value')+”);
});
前进酒吧({
更改:函数(){
实验室文本(el.progressbar(“值”));
},
完成:函数(){
lab.text(“完成!”);
}
});
//推动进展
var计数=0;
变量计时器=设置间隔(函数(){
如果(计数+++>100){
//停止重复
清除间隔(计时器);
}否则{
el.进度条(“值”,计数);
}
}, 100);
您想要吗?@Satpal OP想要显示递增的值0,1,2+++谢谢..在您的示例中,如何显示原始示例中的消息“正在加载”和“已完成”?还有,为什么进度条循环并没有在100停止。如何修复它?它是循环的,因为setInterval就是这样工作的——它会重复,直到你调用
clearInterval
来停止它。您将其编码为在达到100后返回0。如果这是您想要的,为什么不将其编程为停止?您可以像在第一个代码中一样显示加载和完成消息。有什么问题吗?我没办法弄明白这就是为什么我在这里你在写第一个代码时就弄明白了。没有区别。只需添加“complete:”函数,就像在第一个代码中一样。
var el = $('#my-progress');
var lab = $("#progress-label");
el.on('progressbarcreate', function (event, ui) {
el.after('<p>Start value: ' + el.progressbar('value') + '</p>');
});
el.progressbar({
change: function () {
lab.text(el.progressbar("value"));
},
complete: function() {
lab.text("Complete!");
}
});
// animate progress
var count = 0;
var timer = setInterval(function () {
if (count++ > 100) {
// Stop repeating
clearInterval(timer);
} else {
el.progressbar('value', count);
}
}, 100);