js實現文字無縫輪播
阿新 • • 發佈:2019-02-19
var area=document.getElementById('moocBox');
area.scrollTop=0;//scrollTop初始化物件滾動條的距離,此屬性是系統標準化的
//獲取第一個ul物件
var con1=document.getElementById('con1');
//獲取第二個ul物件
var con2=document.getElementById('con2');
//將第一個ul物件裡的內容給第二個ul物件
con2.innerHTML=con1.innerHTML;
//封裝函式 用來判斷滾動條的距離與盒子高度的關係
function scrollUp(){
if(area.scrollTop>=con1.offsetHeight){
area.scrollTop=0;
}else{
area.scrollTop++;
}
}
//宣告定時器
var timer=null;
//解決暴力使用者 在開啟定時器之前最好先清除一下定時器
clearInterval(timer);
//開始定時器
timer=setInterval(scrollUp,50);
//為物件設定繫結滑鼠滑過
area.onmouseover=function(){
clearInterval(timer);
}
//為物件繫結滑鼠劃出
area.onmouseout=function(){
timer=setInterval(scrollUp,50);
}