只使用JavaScript的更快的数字计数器

只使用JavaScript的更快的数字计数器,javascript,velo,Javascript,Velo,下面的setInterval()方法对于7000000(70秒)这样的较大数字需要花费大量时间 让startNum=0; 设endNum=7000000; 函数countIni(){ 变量句柄=setInterval(()=>{ 如果(startNum您只需对增量进行一些计算,以增加该数字。现在,下面的操作是33ms,即大约每秒30帧的动画: 请注意,即使是0也意味着setInterval的下一个事件周期(或setTimeout的下一个事件周期),而不是真正的“立即” 让startNum=0,

下面的setInterval()方法对于7000000(70秒)这样的较大数字需要花费大量时间

让startNum=0;
设endNum=7000000;
函数countIni(){
变量句柄=setInterval(()=>{

如果(startNum您只需对增量进行一些计算,以增加该数字。现在,下面的操作是33ms,即大约每秒30帧的动画:

请注意,即使是
0
也意味着
setInterval
的下一个事件周期(或
setTimeout
的下一个事件周期),而不是真正的“立即”

让startNum=0,
endNum=7000000,
N秒=2,
决议S=33,
deltaNum=(endNum-startNum)/(1000/分辨率)/n秒;
函数countIni(){
变量句柄=setInterval(()=>{
var x=起始端至本地端(未定义{
最小分数位数:0,
最大分数位数:0
});
document.querySelector(“#number”).innerHTML=x.toString();
//如果已更新endNum,请停止
如果(startNum>=endNum)clearInterval(句柄);
startNum+=三角洲;
startNum=Math.min(startNum,endNum);
},决议);
}
countIni();

您只需对增量进行一些计算即可增加该数字。现在,下面的操作是33ms,即大约每秒30帧的动画:

请注意,即使是
0
也意味着
setInterval
的下一个事件周期(或
setTimeout
的下一个事件周期),而不是真正的“立即”

让startNum=0,
endNum=7000000,
N秒=2,
决议S=33,
deltaNum=(endNum-startNum)/(1000/分辨率)/n秒;
函数countIni(){
变量句柄=setInterval(()=>{
var x=起始端至本地端(未定义{
最小分数位数:0,
最大分数位数:0
});
document.querySelector(“#number”).innerHTML=x.toString();
//如果已更新endNum,请停止
如果(startNum>=endNum)clearInterval(句柄);
startNum+=三角洲;
startNum=Math.min(startNum,endNum);
},决议);
}
countIni();
let startNum = 0;
let endNum = 7000000;    

function countIni() {
       var handle = setInterval( ()=> {
          if (startNum <= endNum) {
             var x = startNum.toLocaleString(undefined, {
                minimumFractionDigits: 0,
                maximumFractionDigits: 0
             });
             $w('#number').text = x.toString();
             startNum++;
          } else {
             clearInterval(handle);
          }
       }, 0);
    }