javascript - 每 x 秒递增一次进度条

标签 javascript jquery jquery-ui

我基本上需要一个 jQuery UI 进度条来每 x 秒增加 x 个数量。达到 100% 后,它需要运行一个函数来获取一些内容。

基本上是一个计时器。

编辑:我不需要代码来获取内容。我已经有了。

最佳答案

var progressBar = $('#progress-bar'),
    width = 0;

progressBar.width(width);

var interval = setInterval(function() {

    width += 10;

    progressBar.css('width', width + '%');

    if (width >= 100) {
        clearInterval(interval);
    }
}, 1000);

jsFiddle .

关于javascript - 每 x 秒递增一次进度条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7657558/

相关文章:

jquery - 让 jQuery UI 的自动完成小部件*实际上*自动完成

javascript - 用PHP打开一个新函数

javascript - Jquery 更改位置然后滚动到元素

javascript - 在隐藏和显示元素时添加微妙的动画 -CSS -JS

jQuery 选择并过滤 <option> 的内容

javascript - 如何将具有相同类的所有元素拖到元素中?

jQueryUI : Overlay, 就像 themeroller 页面上一样

javascript - 使用 javascript 调用 ViewComponent

javascript - Undefined 不是带有 concat 的函数

javascript - 使用数组。 apply 生成数组