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

Question amusante JavaScript : compteur de boucles

黄舟
Libérer: 2018-05-17 11:21:50
original
1630 Les gens l'ont consulté

Tout le monde dans l'équipe front-end :

Laissons de côté ce que nous faisons maintenant, il y a de nouvelles demandes.

Le grand compteur sur la page d'accueil de notre site Internet est celui qui compte le nombre de téléchargements de logiciels utilisateur.

Le chef de produit l'a examiné et a estimé que certains effets spéciaux devraient être ajoutés pour le rendre plus convivial.

Il a mis au point un plan qui consiste à avoir un effet de défilement circulaire lorsque le nombre s'arrête avant la valeur exacte.

est similaire à ceci :


La tâche est la suivante :

Créer une fonction basée sur la valeur de comptage String, créez tableau bidimensionnel et revenez.

Par exemple :

counterEffect("1250") // [[0,1],[0,1,2],[0,1,2,3,4,5],[0]] 
counterEffect("0050") // [[0],[0],[0,1,2,3,4,5],[0]] 
counterEffect("0000") // [[0],[0],[0],[0]]
Copier après la connexion

Disons, "1250", son premier caractère est 1, et le du tableau bidimensionnel 🎜>[0,1] correspond au deuxième caractère 2, qui correspond à [0,1,2].

est le processus de 0 au caractère actuel. Chaque nombre intermédiaire doit être saisi dans le tableau.

Idée :

C'est très simple, parcourez la chaîne de gauche à droite, générez un tableau de deuxième dimension basé sur le caractère actuel et poussez dans le tableau de première dimension.

function counterEffect(hitCount) {
    var result = [];
    for(var i=0;i<hitCount.length;i++){
        var chr = hitCount.charAt(i);
        var num = chr - 0;
        var temp = [];
        for(var j=0;j<=num;j++){
            temp.push(j);
        }
        result.push(temp);
    }
    return result;
}
Copier après la connexion

Ce qui précède est le contenu de la question intéressante JavaScript : Loop Counter Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !

É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!