Das letzte Mal stieß ich auf die Auswirkung des Zahlenwachstums des Projekts und das Wachstum der Zahl von 0 zur Zielzahl. Schauen wir uns das Effektdiagramm an
Erweitern Sie nun, um unterschiedliche Effekte zu erzielen
Die Hauptideen sind zwei Teile
1. Fügen Sie alle drei Zahlen hinzu,
2. Bewegen Sie sich
Es ist sehr bequem, regelmäßig den Prozess abzuschließen
this.Fomatnum = function (num) {var str = num.tofixed (this.option.decimal); // Genau wie viele Dezimalstellen 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) {return this.option.prefix + x1 + x2; } else {return this.option.prefix + str; }} Um den kombinierten Effekt zu erzielen, können Sie requestAnimationFrame -Methode verwenden und dann die Kompatibilität verarbeiten.
var change = function () {var p = Math.min (1.0, (neuer Datum (). GetTime () - that.startTime)/that.option.duration); // Die aktuelle Zeit wird vom Startzeit abgezogen und dann durch die Gesamtzeit geteilt, Math. var nums = that.num * p; that.elm.innerhtml = that.Fomatnum (that.num * p); if (p <1.0) {// RequestAnimationFrame (function () {change ();}); } else {CRANTORAMATIONFRAME (Änderung); }} RequestAnimationFrame (function () {change ();});Wenn Sie den Effekt von beweglichen Zahlen im visuellen Bereich erreichen möchten, können Sie sich anhören, ob sich das DOM im visuellen Bereich befindet, und es dann aufrufen.
Das obige ist der gesamte Inhalt dieses Artikels. Wenn Sie Fragen haben, überlassen Sie bitte eine Nachricht, um zu diskutieren. Vielen Dank für Ihre Unterstützung bei Wulin.com.