前端设置一个默认数值,然后该数值打到五位数之后自动转换成万级单位,十万转换成10W,以此往上类推。
5条回答 默认 最新
- CSDN专家-showbo 2021-11-10 13:48关注
这个结构需要提取数字格式化后再替换,注意js代码用现在最新的,其他的不要增加
<span class="number">10000人阅读</span><br /> <span class="number">100000人阅读</span> <script> function getFormat(num) { if (num >= 100000000) { return Math.floor(num / 100000000) + '亿' } if (num >= 10000) { return Math.floor(num / 10000) + '万' } return num; } window.addEventListener('load', function () { var numbers = document.querySelectorAll('.number'); var cttimer = setInterval(function () { if (!/\d+/.test(numbers[0].innerHTML)) return;//模板未渲染退出 //已经成功渲染数据 clearInterval(cttimer)//清除计时器 //执行格式化代码 for (var i = 0; i < numbers.length; i++) { var m = /\d+/.exec(numbers[i].innerHTML);//提取数字部分 numbers[i].innerHTML = numbers[i].innerHTML.replace(m[0], getFormat(parseFloat(m[0]))) } }, 100); }); </script>
有帮助麻烦点下【采纳该答案】
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 1无用
悬赏问题
- ¥50 cocos2d-x lua 在mac上接入lua protobuf?
- ¥15 es 7.17.20版本生成时间戳
- ¥15 wpf dategrid表头排序图标自定义
- ¥15 xshell无法连接提示ssh服务器拒绝密码
- ¥15 AT89C52单片机C语言关于串口通信的位操作
- ¥20 需要步骤截图(标签-服务器|关键词-map)
- ¥50 gki vendor hook
- ¥15 灰狼算法和蚁群算法如何结合
- ¥15 写一个利用ESP32自带按键和LED控制的录像代码
- ¥20 stm32f103,hal库 hal_usart_receive函数接收不到数据。