list 是一个数组
首先获取随机正整数
random(min, max) {
return Math.floor(Math.random() * (max - min)) + min;
}
然后 用定时器去改变进度条 ,当进度条的宽度到110px时 清空定时器
let timer = setInterval(()=>{
this.parse(list);
for(var i=0;i<list.length;i++){
if(list[i].width >= 110){
clearInterval(timer);
return
};
}
},100);
这个方法是每次给进度条加的数字
parse(list){
for(var i=0;i<list.length;i++){
let randomNum = this.random(1,10);
list[i].width = list[i].width + randomNum;
}
}
最后 当需要所有的进度条都百分百显示时
for(var i=0;i<list.length;i++){
list[i].width = 110;
}
angular2 模拟进度条
最新推荐文章于 2024-05-15 10:03:25 发布