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



版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/esir82/article/details/52381452

彻底掌握 Javascript(四)控制语句【专家辅导】

-
  • 1970年01月01日 08:00

for循环练习(计数器思想)

1~100之间 7的倍数的个数。并打印 package com.lidongwei.demo; public class ForTest1 { /** * @param args * ...
  • lijinwei112
  • lijinwei112
  • 2012-12-19 17:17:28
  • 823

循环计数器LoopCount

类声明如下: typedef class LoopCount { private: int m_num; int m_max; int m_min; public: int Num(vo...
  • yxyy3604
  • yxyy3604
  • 2014-08-22 16:22:08
  • 1307

作业2:循环计数器Verilog实现

1.根据工程向导新建工程 2.新建一个Verilog-HDL文件,编写相关的Verilog语句,如下图所示 3.在TOOL下的选项中查看RTL图,如下图所示。 4.建立VWF文件...
  • Sifei_123
  • Sifei_123
  • 2017-11-04 21:19:04
  • 241

循环计数器设计

module jh (CLK,RST,CNT); output[3:0]CNT;//定义输出 input CLK,RST;//定义输入 reg[3:0] CNT;//定义一个四位寄存器记录输出 reg...
  • qaseesaq
  • qaseesaq
  • 2016-11-24 17:07:05
  • 307

<em>计数器</em> 0-7 <em>循环</em>

实现0-7的labview <em>循环计数</em> 有输入端 清0端和 输出端... <em>计数器</em> 0-7 循环 290967268 2013-07-02上传 实现0-7的labview <em>循环计数</em> 有输入端 清0端和 输出端...
  • 2017年01月25日 00:00

EDA循环计数器设计

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

【Jmeter】计数器Counter

在写remote6接口候,在测试前需要进行测试分析并构造测试数据账号这些可以使用csv data config来实现还有一种不同进程需要不同的变量时,可以使用随机数 ${__Random} 其实还有...
  • lluozh2015
  • lluozh2015
  • 2017-01-14 12:18:51
  • 7504

汇编嵌套循环计数器问题

1. 嵌套循环中循环计数器不够的问题:     1) 即多重循环就需要有多个循环计数器,并且每个计数器都是相互独立的,分别为各自的循环技术;     2) 但是对于loop指令只提供了cx这一个计数器...
  • qq_38216239
  • qq_38216239
  • 2017-11-17 11:08:15
  • 94

simulink设计的<em>循环计数器</em>

参考别人的想法设计的一个<em>循环</em>整数<em>计数器</em>,上升沿触发,到达最高值之后自动返回最小值。使用时,需将constant设置成你需要的最大值,然后将触发式积分器的上下限分别...
  • 2018年04月17日 00:00
收藏助手
不良信息举报
您举报文章:JavaScript趣题:循环计数器
举报原因:
原因补充:

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