taozhzzl 2015-07-25 07:29 采纳率: 0%
浏览 1679

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}};
  • 写回答

4条回答

  • liupan1114250779 2015-07-25 08:15
    关注

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

    评论

报告相同问题?

悬赏问题

  • ¥15 matlab有关常微分方程的问题求解决
  • ¥15 perl MISA分析p3_in脚本出错
  • ¥15 k8s部署jupyterlab,jupyterlab保存不了文件
  • ¥15 ubuntu虚拟机打包apk错误
  • ¥199 rust编程架构设计的方案 有偿
  • ¥15 回答4f系统的像差计算
  • ¥15 java如何提取出pdf里的文字?
  • ¥100 求三轴之间相互配合画圆以及直线的算法
  • ¥100 c语言,请帮蒟蒻写一个题的范例作参考
  • ¥15 名为“Product”的列已属于此 DataTable