Maison  >  Article  >  interface Web  >  js nombres purs un par un, effet d'affichage d'arrêt, mise en œuvre des compétences code_javascript

js nombres purs un par un, effet d'affichage d'arrêt, mise en œuvre des compétences code_javascript

WBOY
WBOYoriginal
2016-05-16 15:10:341445parcourir

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.

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn