2 taozhzzl taozhzzl 于 2015.07.25 15:29 提问

Web前端JS计数器代码修改问题

这是一个js计时器的代码,目前只能向上滚动数字,我想改成向下滚动的应该怎么办呢,跪谢各位大神~

function DigitRoll(a){if(this.container=document.querySelector(a.container),this.width=a.width||2,!this.container)throw Error("no container");this.container.style.overflow="hidden",this.rollHeight=parseInt(getComputedStyle(this.container).height),this.rollHeight<1&&(this.container.style.height="20px",this.rollHeight=20),this.setWidth()}DigitRoll.prototype={roll:function(a){var c,d,b=this;for(this.number=parseInt(a)+"",this.number.length<this.width?this.number=new Array(this.width-this.number.length+1).join("0")+this.number:this.number.length>this.width&&(this.width=this.number.length,this.setWidth()),c=this.container.querySelectorAll(".num"),d=0;d<c.length;d++)!function(a){var i,d=c[a],e=parseInt(d.querySelector("div:last-child").innerHTML),f=parseInt(b.number[a]),g=0,h="";if(e!=f){if(f>e)for(g=f-e,i=e;f+1>i;i++)h+="<div>"+i+"</div>";else{for(g=10-e+f,i=e;10>i;i++)h+="<div>"+i+"</div>";for(i=0;f+1>i;i++)h+="<div>"+i+"</div>"}d.style.cssText+="-ms-transition-duration:0s;-ms-transform:translateY(0);-moz-transition-duration:0s;-moz-transform:translateY(0);-webkit-transition-duration:0s;-webkit-transform:translateY(0);-o-transition-duration:0s;-o-transform:translateY(0)",d.innerHTML=h,setTimeout(function(){d.style.cssText+="-ms-transition-duration:1s;-ms-transition-delay:"+a*0+"s;-ms-transform:translateY(-"+b.rollHeight*g+"px);-moz-transition-duration:1s;-moz-transition-delay:"+a*0+"s;-moz-transform:translateY(-"+b.rollHeight*g+"px);-webkit-transition-duration:1s;-webkit-transition-delay:"+a*0+"s;-webkit-transform:translateY(-"+b.rollHeight*g+"px);-o-transition-duration:1s;-o-transition-delay:"+a*0+"s;-o-transform:translateY(-"+b.rollHeight*g+"px)"},0)}}(d)},setWidth:function(a){var b,c;for(a=a||this.width,b="",c=0;a>c;c++)b+='<div class="num" style="float:left;height:100%;line-height:'+this.rollHeight+'px"><div>0</div></div>';this.container.innerHTML=b}};

5个回答

liupan1114250779
liupan1114250779   2015.07.25 16:15

这样的格式没人愿意看的,只能帮到这了

devmiao
devmiao   Ds   Rxr 2015.07.25 16:49
tongyi55555
tongyi55555   2015.07.25 17:14

好歹格式化一下啊,太难看懂了。

taozhzzl
taozhzzl   2015.07.25 17:39

已经改好了,谢谢大家

CSDNXIAOD
CSDNXIAOD   2015.07.27 04:10

【Web 前端】js
----------------------biu~biu~biu~~~在下问答机器人小D,这是我依靠自己的聪明才智给出的答案,如果不正确,你来咬我啊!

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
web前端案例-轻量级计算器
效果知识点:switch关键字,if判断,项目功能分析,函数封装形参实参,字符串拼接。文章分享之前小编推荐一下我的前端学习群:575308719,不管你是小白还是大牛,小编我都挺欢迎,不定期分享干货,包括我精心整理的一份前端教程,欢迎初学和进阶中的小伙伴。html代码: &amp;lt;div id=&quot;jsq&quot;&amp;gt; &amp;lt;h2&amp;gt;计算器&amp;lt;/h2&amp;gt; &amp;lt;div cla...
Web第三周-Web前端利用Js实现简单计算器功能
Web前端计算器的初步实现。 计算器 var init=""; var lastop=""; var num1=0; var num2=0; var rs=0; function display(state){ init+=state; show(init); } function show(str){
Web访问计数器
Web访问计数器 1.首先新建一个Counter类 public class Counter {     private int count;       public Counter(int count)     {         super();         this.count = count;     }       public int getCount
前端web学习之路(一) 避免js冲突
123
MySQL:如何实现高性能高并发的计数器功能(如:网站点击数)
现在有很多的项目,对计数器的实现甚是随意,比如在实现网站文章点击数的时候,是这么设计数据表的,如:”article_id, article_name, article_content, article_author, article_view……在article_view中记录该文章的浏览量。诈一看似乎没有问题。对于小站,比如本博客,就是这么做的,因为小菜的博客难道会涉及并发问题吗?答案显而易见,
一个简单计数器的源代码
<!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--><script type="text/javascript"
一个简单的网页计数器
今天写了一个最简单的计数器,实现的功能很简单,可以记录总访问数及今日访问数。代码如下: 复制  保存// ********************************************************// 网页计数器控件// Designed by Faib Studio.// Copyright 2007// Email faib920@126.
Java Web 计数器
if(n==null)n=new Integer(0);int num=Integer.parseInt(n.toString());num++;application.setAttribute("num",Integer.valueOf(num)); %> 访问量  
js操作table并且赋值后台数据
1 首先你的html中得有一个table &amp;lt;table class=&quot;table&quot;&amp;gt; &amp;lt;caption &amp;gt; 我已经参与了   &amp;lt;span id=&quot;rows&quot;&amp;gt;&amp;lt;/span&amp;gt; 篇交游信息 &amp;lt;/caption&amp;gt;
实用的web计数器插件
计数器