数字计数器 - 制作一个动画计数器

基本上，我所寻求的是数字动画，一个很好的例子将是对这个网站：http://www.upper-reach.com/数字计数器 - 制作一个动画计数器

如果向下滚动，你会看到他们的“建立完成”等等。

我该怎么做？

我将不胜感激。

来源

2016-02-26 Sukhwinder Sodhi

你尝试过自己吗？查看入门之旅，了解如何在本网站上正确提出问题。标记为关闭。 – SubliemeSiem

你可能想看看this question或者你可以使用CountUp.JS插件。

如果你想使用CountUp.JS时数，你可以做这样的事情的数字：

var myDigit = $(".myDivWithDigits").text(); 

var options = { 
  useEasing : true, 
  useGrouping : true, 
  separator : ',', 
  decimal : '.', 
  prefix : '', 
  suffix : '' 
}; 
var demo = new CountUp("myTargetElement", 0, myDigit, 0, 2.5, options); 
demo.start();

来源

2016-02-26 09:46:16

in countup它从零计数值到数值，但我想要数字

–

如果您想计算digitis，您可以执行如下操作：'myDigitsString.length'作为CountUp插件的第三个参数。 –

<div class="vc_row wpb_row section vc_inner vc_row-fluid" style='text-align:left;'> 
     <div class=" full_section_inner clearfix"> 
<div class="vc_col-sm-4 wpb_column vc_column_container "> 
    <div class="wpb_wrapper"> 
     <div class="q_counter_holder center" style=""><span class="counter random" style="color: #bf1e2e;font-size: 50px;">254,336</span> 
         <span class="separator small" style=""></span> 
         <p class="counter_text" style="font-size: 20px;color: #000000;"></p> 
</div> 
    </div> 
</div>

来源

2016-02-26 12:07:48

这是我想要的感谢帮助 –

数字计数器 - 制作一个动画计数器

回答

相关问题