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
上传中...
上传图片
插入图片