// dom 元素 text 数字 dealy 时间
function Hmx(dom, text, dealy = 1000) {
clearTimeout(this.timer)
dom.innerHTML = ''
var computeNumber = [];
var digitNum = text.length;
setComputeNum("00000");
function setComputeNum(num) {
num = num.toString()
computeNumber = num.split('');
}
for (let i = 0; i < computeNumber.length; i++) {
var spanParent = document.createElement("span");
var spanSon = document.createElement("span");
var node = document.createTextNode("0123456789");
spanSon.appendChild(node);
spanParent.append(spanSon);
spanParent.className = "box-item";
dom.append(spanParent);
}
this.timer = setTimeout(() => {
setComputeNum(text);
setTransform();
}, dealy)
function setTransform() {
let boxItem = dom.children;
let spans = [];
for (let i = 0; i < boxItem.length; i++) {
spans.push(boxItem[i].getElementsByTagName("span")[0]);
}
for (let index = 0; index < spans.length; index++) {
let elem = spans[index];
elem.style.transform = `translate(-50%, -${computeNumber[index] * 10}%)`;
}
};
}