JavaScript趣題：循環計數器

來源：懂視網責編：小采時間：2020-11-27 20:25:11

JavaScript趣題：循環計數器

JavaScript趣題：循環計數器:前端組的各位：大家先放下手上的活，又有新需求來了。我們網站首頁的那個大的計數器，就是統計用戶軟件下載量的那個。產品經理看了下，覺得得加點特效，讓它看起來更用戶友好。他已經拿出了一個方案，就是當數字停在確切的值之前，得有個循環滾動效果。類似于

推薦度：

點擊下載本文 文檔為doc格式

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

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

JavaScript趣題：循環計數器

推薦度：

點擊下載本文 文檔為doc格式

標簽：循環計數器 javascript

熱門焦點

JavaScript趣題：循環計數器

JavaScript趣題：循環計數器

JavaScript趣題：循環計數器

最新推薦

猜你喜歡

熱門推薦