JavaScript趣題：循環計數器

前端組的各位：

大家先放下手上的活，又有新需求來了。

我們網站首頁的那個大的計數器，就是統計使用者軟體下載量的那個。

產品經理看了下，覺得得加點特效，讓它看起來更用戶友善。

他已經拿出了一個方案，就是當數字停在確切的數值之前，得有個循環滾動效果。

類似於這樣：

任務如下：

建立一個函數，根據計數值字串，建立二維數組返回。

例如：

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]]

比方說，"1250"，它的第一個字元1，和二維陣列的[0,1]對應，第二個字元2，和 [0,1,2]對應。

也就是從0到目前字元的過程，每一個中間數都要錄入數組中。

思路：

很簡單，從左到右遍歷字串，根據當前的字符，生成第二維的數組，push進第一維的數組即可。

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;
}

以上就是JavaScript趣題：循環計數器 的內容，更多相關內容請關注PHP中文網（www.php.cn）！