數字計數器 - 製作一個動畫計數器

基本上，我所尋求的是數字動畫，一個很好的例子將是對這個網站：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

這是我想要的感謝幫助 –

數字計數器 - 製作一個動畫計數器

回答

相關問題