【问题标题】:how do I add a comma after the 1st number for thousandths?如何在千分之一的第一个数字后添加逗号?
【发布时间】:2023-02-21 23:08:31
【问题描述】:

下午好! 我创建了一个模拟计数的函数。 结果,我得到了一个没有逗号的数字。

我的结果:

我想得到什么:

我需要为千分之一添加一个逗号,如上例所示。

代码

let elements = document.querySelectorAll('#count-up-number');
  let time = 5;

  elements.forEach((element) => {
    element.textContent = '0';

    const updateCount = () => {
      const number = parseInt(element.getAttribute('data-value'));
      const value = +element.textContent;

      const increment = number / 200;
      if (value < number) {
        element.textContent = `${Math.ceil(value + increment)}`;
        setTimeout(updateCount, time);
      }
    }
    updateCount();
  })
 &lt;span class="card-number" id="count-up-number" data-value="2495"&gt;2,495&lt;/span&gt;

【问题讨论】:

  • 查询选择器全部带有 id 选择器并没有真正意义,因为元素 id 值在整个文档中必须是唯一的。您将获得零个或一个元素的列表。

标签: javascript


【解决方案1】:

您可以通过将数字转换为语言环境字符串来实现此目的。

const number = 2496;

const formattedNumber = number.toLocaleString("en-US");

console.log(formattedNumber); // 2,496

【讨论】:

    【解决方案2】:

    使用 Intl.NumberFormat 将处理此问题,并处理使用 . 作为千位分隔符的国家和其他区域变体。

    new Intl.NumberFormat().format(number);
    

    没有指定特定选项的默认值将完全满足您的需求。

    【讨论】:

      猜你喜欢
      • 2016-07-05
      • 2014-05-15
      • 2015-08-15
      • 2021-11-16
      • 1970-01-01
      • 1970-01-01
      • 2015-03-24
      • 2021-11-23
      • 1970-01-01
      相关资源
      最近更新 更多