JavaScript趣题:循环计数器

原创 2016年08月31日 08:31:53

前端组的各位:

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

我们网站首页的那个大的计数器,就是统计用户软件下载量的那个。

产品经理看了下,觉得得加点特效,让它看起来更用户友好。

他已经拿出了一个方案,就是当数字停在确切的值之前,得有个循环滚动效果。

类似于这样:


任务如下:

创建一个函数,根据计数值字符串,创建二维数组返回。

例如:

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



版权声明:本文为博主原创文章,未经博主允许不得转载。

c++简单循环计数器

  • 2011年12月10日 12:16
  • 756B
  • 下载

EDA循环计数器设计

一、实验内容1 1、设计功能描述 在 DE0 开发板上,设计一个变换计数最大值的循环计数器:在电路复位后会循环的从0值递增计数到最大值,第一次计数最大值是6,然后是7、8、9,然后计...

循环计数器设计

module jh (CLK,RST,CNT); output[3:0]CNT;//定义输出 input CLK,RST;//定义输入 reg[3:0] CNT;//定义一个四位寄存器记录输出 reg...

foreach循环的循环计数器

从JDK5.0之后,Java增加了foreach循环用于遍历数组、集合的每个元素。使用foeach循环遍历数组或集合时,不需要获得集合或数组的长度,也无需根据索引来访问数组元素和集合元素,foreac...

流程控制陷阱(Switch语句,标签,if语句,for循环,foreach循环的循环计数器)

1.  流程控制的陷阱1.1  Switch语句陷阱 Switch语句后可以指定一个表达式,系统根据表达式的值来决定执行哪个case分支的执行体。对于switch语句的表达式而言,只能是如下5种...

循环码计数器

  • 2013年12月02日 00:06
  • 29KB
  • 下载

循环码计数器bdf

  • 2013年11月25日 18:46
  • 44KB
  • 下载

算法设计:案例分析1(计数器控制的循环)

举个例子:一个有10名学生的班级进行了一次测试,每个学生的成绩(0·····100范围内的整数)已知。确定本次测验中的班级平均成绩。       首先,用伪码列出要执行的动作并指定它们的执行顺序。我...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaScript趣题:循环计数器
举报原因:
原因补充:

(最多只允许输入30个字)