如何在数字递增后加上字母？

Question

我不是javascript人。

我正在为我的网站用“％”，“ x”或“ Million”来计数。就像功能编号显示一样。 （例如：http://valiancecap.com/）

我正在使用Squarespace，并在头部添加了jquery和counterup.js。

以下代码允许我进行加数：

<script type="text/javascript">
    $('#block-yui_3_17_2_1_1586653108315_12058 p').counterUp({delay: 20,time: 2000});
    $('#block-yui_3_17_2_1_1586650859535_18885 p').counterUp({delay: 20,time: 2000});
</script>

但是如果在此之后添加追加，则显示为NaN。

<script type="text/javascript">
    $('#block-yui_3_17_2_1_1586653108315_12058 p').counterUp({delay: 20,time: 2000});
    $('#block-yui_3_17_2_1_1586650859535_18885 p').counterUp({delay: 20,time: 2000});
    $('#block-yui_3_17_2_1_1586650859535_18885 p').append( "x" );
</script>

所以我的情况是指望自己正在工作，追加自己正在工作。但是，当它们在一起时，它是行不通的。

我希望有人可以帮助我。

先谢谢您。

最好，人杰

Answer 1

我相信问题是counterUp()函数需要一个数字，仅此而已，因此，当您向包含该数字的元素中添加字符或符号时，它将停止工作。

如果您能够编辑HTML，则应该可以执行以下操作：

<div id="block-yui_3_17_2_1_1586650859535_18885">
  <p><span class="counter">0</span> millions</p>
</div>

<script type="text/javascript">
  $('#block-yui_3_17_2_1_1586650859535_18885 .counter').counterUp({delay: 20,time: 2000});
</script>