js控制每秒图片向左移动1px

本次用到了 

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();