43 lines
1.0 KiB
JavaScript
43 lines
1.0 KiB
JavaScript
|
layui.define(['jquery', 'element'], function(exports) {
|
|||
|
|
"use strict";
|
|||
|
|
|
|||
|
|
var MOD_NAME = 'count',
|
|||
|
|
$ = layui.jquery,
|
|||
|
|
element = layui.element;
|
|||
|
|
|
|||
|
|
var count = new function() {
|
|||
|
|
|
|||
|
|
this.up = function(targetEle, options) {
|
|||
|
|
|
|||
|
|
options = options || {};
|
|||
|
|
|
|||
|
|
var $this = document.getElementById(targetEle),
|
|||
|
|
time = options.time, //总时间--毫秒为单位
|
|||
|
|
finalNum = options.num, //要显示的真实数值
|
|||
|
|
regulator = options.regulator, //调速器，改变regulator的数值可以调节数字改变的速度
|
|||
|
|
step = finalNum / (time / regulator),
|
|||
|
|
count = 0.00,
|
|||
|
|
initial = 0;
|
|||
|
|
|
|||
|
|
|
|||
|
|
var timer = setInterval(function() {
|
|||
|
|
count = count + step;
|
|||
|
|
|
|||
|
|
if (count >= finalNum) {
|
|||
|
|
clearInterval(timer);
|
|||
|
|
count = finalNum;
|
|||
|
|
}
|
|||
|
|
//t未发生改变的话就直接返回
|
|||
|
|
//避免调用text函数，提高DOM性能
|
|||
|
|
var t = count.toFixed(options.bit?options.bit:0);;
|
|||
|
|
|
|||
|
|
if (t == initial) return;
|
|||
|
|
initial = t;
|
|||
|
|
$this.innerHTML = initial;
|
|||
|
|
}, 30);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
exports(MOD_NAME, count);
|
|||
|
|
});
|