前端设置一个默认数值,然后该数值打到五位数之后自动转换成万级单位,十万转换成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无用
悬赏问题
- ¥15 远程桌面文档内容复制粘贴,格式会变化
- ¥15 关于#java#的问题:找一份能快速看完mooc视频的代码
- ¥15 这种微信登录授权 谁可以做啊
- ¥15 请问我该如何添加自己的数据去运行蚁群算法代码
- ¥20 用HslCommunication 连接欧姆龙 plc有时会连接失败。报异常为“未知错误”
- ¥15 网络设备配置与管理这个该怎么弄
- ¥20 机器学习能否像多层线性模型一样处理嵌套数据
- ¥20 西门子S7-Graph,S7-300,梯形图
- ¥50 用易语言http 访问不了网页
- ¥50 safari浏览器fetch提交数据后数据丢失问题