本次用到了
window.setInterval
注意不能用
window.setTimeout
(这个只能执行一次)
1.首先HTML
<ul class="teacher" style="width: 14700px; left: -0px;" id="teachers">
<li>内容</li>
<li>内容</li>
<li>内容</li>
<li>内容</li>
</ul>
2.js
var intervalID
var liss= document.getElementById('teachers')//注意不能用class
play=function(){
intervalID = window.setInterval(animate, 20)
}
animate=function(){
if(parseInt(liss.style.left)<-7350){
liss.style.left=0+'px'
}
liss.style.left=parseInt(liss.style.left)-1+'px';
}
//暂停移动
function stop(){
clearInterval(intervalID);
}
//鼠标hover事件
liss.onmouseover = stop;
liss.onmouseout =play;
play();