javascript - 获取变量并从0开始计数

标签 javascript html progress-bar

如果这听起来有点令人困惑,请原谅我......我正在尝试根据我的随机变量调整进度条的值。

var randomize = Math.round(Math.random() * (3000 - 2000) + 1000);

如何让 javascript 在几秒钟内从 0 计数到“随机”,以便我可以将其应用到我的进度条?

最佳答案

你可以这样做:

var randomize = Math.round(Math.random() * (3000 - 2000) + 1000);
var counter = 0;

var timer = setInterval( function(){
  if ( counter <= randomize ){
    // update progress bar
    counter += 1;
  }else{
    clearInterval( timer );
  }
}, 1000 );

基本上,我在这里所做的是设置一个每秒调用的函数(在 JavaScript 中 1000 = 1 秒)。计时器将检查计数器变量是否已达到随机化的值,如果没有,则将其值加一。

一旦计数器等于随机化,计时器将被清除。

引用文献 -

关于javascript - 获取变量并从0开始计数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19299740/

相关文章:

仅在 IE8 兼容模式和 IE7 中出现 JavaScript 错误

JavaScript 或 jquery 加载器

html - 无法使用 Bootstrap 4 在页眉和页脚之间设置 100% 的 div 高度

javascript - 动态表创建者或 <td> <tr> 创建者

javascript - 奇怪的日期格式帮助

javascript - 渲染时暂停,但当我使用 react-three-fiber 中的 useLoader 时未指定后备 UI

javascript - Canvas 中的最近邻渲染

ios - 进度 View 未更新

android - 进度条和 webview 问题

java - 中间进度不适用于在 Gingerbread 上运行的 ActionBarSherlock