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 js调用html页面需要隐藏某个按钮
  • ¥15 ads仿真结果在圆图上是怎么读数的
  • ¥20 Cotex M3的调试和程序执行方式是什么样的?
  • ¥20 java项目连接sqlserver时报ssl相关错误
  • ¥15 一道python难题3
  • ¥15 牛顿斯科特系数表表示
  • ¥15 arduino 步进电机
  • ¥20 程序进入HardFault_Handler
  • ¥15 oracle集群安装出bug
  • ¥15 关于#python#的问题:自动化测试