Code d'implémentation de l'effet d'affichage des nombres purs JS un par un
function showScore($ele, num, secand, pause){ //second 按照秒数,动画运行多少秒 if (!secand) { secand = 2;} if (!pause) { pause = 20;} var len = String(num).length; var temnum, times = 0 , stepTimes, max ; var numArr = String(num).split(""); function getRandom(n){ var num = Math.floor(Math.random()*(Math.pow(10, n)-1 - Math.pow(10, n-1))+Math.pow(10, n-1)); if (String(num).length !== n) {num = getRandom(n);} return num; } function setValue(num, pause, secand){//second 运行多少秒后停止 var len = String(num).length, j=0; if (!stepTimes) { max = Math.ceil(secand*1000/len); stepTimes = Math.ceil(max/pause); } temnum = ""; setTimeout(function(){ for (var i = 1; i <= len; i++) { if (times >= stepTimes*i) { j++; temnum += numArr[i-1]+""; }else{ break; } }; if (j < len) { $ele.html(temnum+""+getRandom(len-j)); }else{ $ele.html(temnum); } if (times >= max || j >= len) {return;}; setValue(num, pause, secand); times++; }, pause); } setValue(num, pause, secand); } showScore($(".num"), 2344, 1.5, 10);
L'effet des nombres purs est de cesser d'afficher l'effet un par un. Par exemple, ce nombre ne cesse de changer. Le premier chiffre est déterminé en premier, puis le deuxième chiffre est déterminé, puis le troisième chiffre est déterminé. Le projet ayant été abandonné après quelques jours d'utilisation, je l'ai sauvegardé.
Le code d'implémentation ci-dessus de l'effet d'affichage des nombres purs js un par un est tout le contenu partagé par l'éditeur. J'espère qu'il pourra vous donner une référence, et j'espère également que vous soutiendrez Script Home.