Maison > interface Web > js tutoriel > le corps du texte

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

WBOY
Libérer: 2016-05-16 15:10:34
original
1444 Les gens l'ont consulté

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);
Copier après la connexion

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.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!