Browse Source

数字自增变化

master
453530270@qq.com 3 years ago
parent
commit
1e645a613d
  1. 17
      src/utils/comm.js
  2. 5
      src/views/HomeView.vue

17
src/utils/comm.js

@ -2,23 +2,26 @@
// 最后的几位数进行变化
export function numGrow(obj,end){
var o = document.getElementById(obj);
// var o = document.$refs.obj
const cc = end.replace(/,/gi,'')
const last = parseInt(cc)
// var i = start;
var i=100;
var i=last-1000;
var Interval;
//
if (i < end) {
// 小于的时候执行
if (i < last) {
Interval = setInterval(function () {
i += 100; // 设置每次增加的动态数字,可调整
if (i > end) {
if (i > last) {
clearInterval(Interval); // 清除setInterval的time,这个方法w3c可具体查看文档
o.innerHTML = end.toLocaleString(); // 此赋值是为了避免最后一次增加过后的数据和真实数据不同
o.innerHTML = last.toLocaleString(); // 此赋值是为了避免最后一次增加过后的数据和真实数据不同
i = 0;
} else {
o.innerHTML = i.toLocaleString();
}
}, 1000); // 数据跳转的速度控制
}, 100); // 数据跳转的速度控制
}
}
// 计算eachrt的最大值

5
src/views/HomeView.vue

@ -649,6 +649,11 @@ export default {
that.week_num = tmpdata.week.noRepeatInNum
that.mon_num = tmpdata.month.noRepeatInNum
// that.year_num = tmpdata.year.noRepeatInNum
//
const ycount= tmpdata.year.noRepeatInNum
numGrow("ycdn",ycount);
});
},

Loading…
Cancel
Save