framerjs - Framer中数字的逗号分隔

Question

我有一个带有数字的动态文本层

dollarAmountValue = 9000
dollarAmount = new Layer
dollarAmount.html = "$" + dollarAmountValue

我还有一个 + 和 - 按钮，可以将 DollarAmountValue 增加 100

dollarPlus.onClick ->
    dollarAmountValue = dollarAmountValue + 100

dollarMinus.onClick ->
    dollarAmountValue = dollarAmountValue - 100

所以美元金额显示为 9000 美元，一切正常。我想要做的是将其显示为 9,000 美元，并在按下 +/- 增量按钮时使用逗号分隔 1000 位。任何帮助将不胜感激。谢谢！

score 0 · Accepted Answer

这里有一些简短的内容：

convertToDollar = (value) -> 
    value.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,');

然后你可以像这样使用它：

convertToDollar(9000)
# Result: 9,000.00
convertToDollar(9100)
# Result: 9,100.00

Framer.js 使用 Coffeescript，它编译成 Javascript，因此查看一些 Javascript 答案可能会有所帮助。以上代码基于：

1 回答 1