Na última vez em que encontrei o efeito de alcançar o crescimento do número no projeto e alcançar o crescimento do número de 0 para o número de destino. Vamos dar uma olhada no diagrama do efeito
Agora expanda -o para alcançar efeitos diferentes
As principais idéias são duas partes
1. Adicione a cada três números,
2. Soda -se
É muito conveniente usar regularmente para concluir o processo
this.fomatnum = function (num) {var str = num.tofixed (this.option.decimal); // exatamente quantos lugares decimais 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; }} Para alcançar o efeito combinado, você pode usar requestAnimationFrame e, em seguida, processar a compatibilidade.
var alteração = function () {var p = Math.min (1.0, (new Date (). getTime () - that.startTime)/that.option.duration); // O tempo atual é subtraído do tempo de início e depois dividido pelo tempo total, matemática e os dois números assumem o valor mínimo. var nums = that.num * p; that.elm.innerhtml = that.fomatnum (that.num * p); if (p <1.0) {// requestanimationframe (function () {alteração ();}); } else {cancelanimationframe (alteração); }} requestanimationframe (function () {alteração ();});Se você deseja alcançar o efeito dos números de movimento na área visual, pode ouvir se o DOM está na área visual e depois chamá -lo.
O acima é o conteúdo inteiro deste artigo. Se você tiver alguma dúvida, deixe uma mensagem para discutir. Obrigado pelo seu apoio ao wulin.com.