Js 数字每日动态增长的实现

维多利亚少年-

于 2021-03-11 15:02:59 发布

阅读量780

点赞数 1

分类专栏： js 文章标签： js javascript

本文链接：https://blog.youkuaiyun.com/weixin_45532305/article/details/114666900

版权

js 专栏收录该内容

20 篇文章

订阅专栏

let number = 0
// 千位分隔符的动态数组
let thousandsNumber = 0
// 基础人数
let baseNumber = 2100
// 每天动态增加的人数 7个
let curNumber = Math.floor((+new Date() - (4*60*60*1000)) / 1000000) + ''
// 限制最大人数
let maxNumber = Math.floor(Number(curNumber.substring(2, curNumber.length)) / 2 + baseNumber)
maxNumber = Number(baseNumber) + Number(maxNumber)
// 每次循环动态+的数字
let plusNum = parseInt(maxNumber / 311)
// 创建dom
const dom = document.createElement('div')
document.body.appendChild(dom)
const clearTimeout = setInterval(() => {
    if (number >= maxNumber) {
        number = maxNumber
        clearInterval(clearTimeout)
    } else {
        number += plusNum
    }
    thousandsNumber = number.toString().replace(/\B(?=(\d{3})+\b)/g, ',')
    dom.innerText = thousandsNumber
}, 10)