数字で見るパーツ NUMBER

ソースコード

  
<div class="number-wrap" data-to="40" data-duration="">
  <span class="count-number">0</span>
</div>

<div class="number-wrap" data-to="400" data-duration="">
  <span class="count-number">0</span>
</div>

<div class="number-wrap" data-to="400" data-duration="5000">
  <span class="count-number">0</span>
</div>
  

出力結果

使い方

script.jsに、developer-baseのscript.jsの数字カウントアップの記述をコピー
data-to　は最終数値。
data-duration　は秒数。（指定しない場合は初期値1500=1.5秒）
動かす数字のクラス名にcount-numberを指定。
numberを囲む要素のクラス名にnumber-wrapを指定。（この要素がinviewした時点で数字カウントアップスタート）