前回、プロジェクトの数の増加を達成し、0からターゲット数までの数の成長を達成する効果に遭遇しました。効果図を見てみましょう
これで展開して、さまざまな効果を達成します
主なアイデアは2つの部分です
1. 3つの数字ごとに追加します。
2。動きます
レギュラーを使用してプロセスを完了するのは非常に便利です
this.fomatnum = function（num）{var str = num.tofixed（this.option.decimal）; //正確に数十進数var num1、x1、x2、reg; arr = str.split（ "。"）; x1 = arr [0]; x2 = arr.length> 1？ '。' + arr [1]： ""; reg =/（/d+）（/d {3}）/; if（this.option.isfomat）{while（reg.test（x1））{x1 = x1.replace（reg、 '$ 1' + "、" + "$ 2"）; }} if（this.option.isfomat）{this.option.prefix + x1 + x2を返します。 } else {return this.option.prefix + str; }}複合効果を実現するには、 requestAnimationFrameメソッドを使用して、互換性を処理できます。
var change = function（）{var p = math.min（1.0、（new date（）。gettime（） - that.starttime）/that.option.duration）; //現在の時間は開始時間から差し引かれ、合計時間、math.min、および2つの数値が最小値を取得します。 var nums = that.num * p; that.elm.innerhtml = that.fomatnum（that.num * p）; if（p <1.0）{// requestanimationframe（function（）{change（）;}）; } else {cancelanimationframe（change）; }} requestAnimationFrame（function（）{change（）;}）;視覚領域での移動数の効果を達成したい場合は、domが視覚領域にあるかどうかを聞いてから呼び出すことができます。
上記は、この記事のコンテンツ全体です。ご質問がある場合は、メッセージを残して話し合ってください。 wulin.comへのご支援ありがとうございます。