iTakeo

随手记：一个文字无限滚动。。。

利用appendChild，做一个无限滚动。达到一定距离后，把第一个append到最后一个，第二个就变成第一个，以此类推。

无间隔。

  1. var dom = document.getElementById(‘wrapScroll’),i = 0;  
  2. //定时器  
  3. setInterval(function(){  
  4.     init();  
  5. },40);  
  6. function init(){  
  7.     i = i-1;//累减  
  8.     if(i<=-35){  
  9.         //位置归0并append  
  10.         dom.style.top = ‘0px’,i = 0;  
  11.         dom.appendChild(dom.children[0]);  
  12.     };  
  13.     dom.style.top = i +’px’  
  14. };  

有间隔。

  1. var dom = document.getElementById(‘wrapScroll1’);  
  2. var time = null,off=true;  
  3. var i = 0;  
  4. setInterval(function(){  
  5.         init();  
  6. },30);  
  7. function init(){  
  8.     //设置个开关  
  9.     if(!off){return}  
  10.     i = i-2;  
  11.     if(i<=-35){  
  12.         //停止定时器，并关闭开关，1秒后打开开关  
  13.         off = false;  
  14.         clearInterval(time);  
  15.         time = setTimeout(function(){  
  16.             off = true;  
  17.         },1000)  
  18.         dom.style.top = ‘0px’,i = 0;  
  19.         dom.appendChild(dom.children[0]);  
  20.     }  
  21.     dom.style.top = i +’px’  
  22. };  

2015/10/26 2 /
随手记
/
标签:  暂无标签

评论回复

  1. 回复 2015/12/18 匿名

    😆 😆 😆 😆 😆 😆 11111e3d网址 ( http:// )

  2. 回复 2016/08/31 fn

    ni、、你好:shock: 😯

验证码： 6 + 4 =

Copyright © 2024 Powered by

皖ICP备15014831号

回到顶部