向上滚动并且间隔等待

< div  id =demo  style =overflow:hidden;height:100;width:90; 
background:#214984;color:#ffffff >  
< div  id =demo1 >  
111 
222
333
444
555
666
777
888
999
000
</ div >  
< div  id =demo2 ></ div >  
</ div >  




< script >  
var speed=1;//向上滚动的速度
demo2.innerHTML=demo1.innerHTML //克隆demo1为demo2 

var stop=98;//运行多少次滚动就停止(timeRun累加,达到timeStop就开始停止)
var wait=150;//等待滚动的次数



var run=0;//当前已经运行了多少次滚动(定时器每运行一次这里就记录一次)
var waitFor=0;//已经等待滚动的次数



  
function Marquee()
     
//当滚动至demo1与demo2交界时 
     if(demo2.offsetTop-demo.scrollTop<=0)   
           demo.scrollTop
-=demo1.offsetHeight; //demo跳到最顶端 
     else
           
           run
++;//累计运行次数
           if(run>=stop){
                 
//如果运行累计倒了停止次数则开始等待
                 waitFor++;//累计等待次数

                 
if(waitFor>=wait){
                       
//如果已经累计倒了等待次数,则清空等待次数和运行累计,继续滚动
                       waitFor=0;
                       run
=0;
                 }


           }

           
else{
                 demo.scrollTop
++;
           }

        }
 
  }
 


  
var MyMar=setInterval(Marquee,speed);//设置定时器 

     
//鼠标移上时清除定时器达到滚动停止的目的 
  demo.onmouseover=function() {clearInterval(MyMar)} 
     
//鼠标移开时重设定时器 
  demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)} 

</ script >
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值