Javascript 使用HTML5进度条模拟应用程序加载

我的目标是加载进度条的速度波动，因为它从0%到100%。我想在它的方式加载一些变化，给加载我的应用程序的外观。下面的代码让我达到了这一点，但不是因为我所寻找的种类

有没有关于如何改进或完全重建的建议

更新：

我自己修改了代码，以实现我想要的

这是一把小提琴：

var计数器=0；var系数=1；
var timer=setInterval（函数（）{//进度条的计时器函数
计数器=计数器+系数；
$（'.progressbar'）.val（计数器）；
如果（计数器>=10&&counter=60&&counter<100）{
阻尼=数学地板（数学随机（）*（50-25））+3；
系数=数学最大值（（100-计数器）/阻尼，“0.5”）；
}否则，如果（计数器>100）{
清除间隔（计时器）；
};
}, 30);

您实际上是在加载数据，还是只是为了外观？如果只是为了外观，我会建议不要使用它，因为对于一些用户来说，仅仅为了外观而使用加载屏幕是很烦人的。如果你真的想加载数据，你应该在加载数据的每一部分时关闭计时器。是的，这只是为了外观。你能分享一把小提琴吗？

var counter = 0; var factor = 1;
var timer = setInterval(function () { // timer function for progress bar
counter = counter + factor;

$('.progressbar').val(counter);
    if (counter >= 10 && counter <= 59) {
        damping = Math.floor(Math.random() * (300 - 25)) + 6;
        factor = Math.max((100 - counter) / damping, '0.5');
    } else if (counter >= 60 && counter < 100) {
        damping = Math.floor(Math.random() * (50 - 25)) + 3;
        factor = Math.max((100 - counter) / damping, '0.5');
    } else if (counter > 100) {
        clearInterval(timer);
    };
}, 30);