为了账号安全,请及时绑定邮箱和手机立即绑定

我写了一个无缝滚动的代码,请大家帮我看看,为什么这个定时器停不下来啊

window.onload=function()
{
    
    var oDiv=document.getElementById('roll');
    var oImg=oDiv.getElementsByTagName('img');
    var oUl=document.getElementById('ul');
    var btnLeft=document.getElementById('left');
    var btnright=document.getElementById('right');
    var ali=oUl.getElementsByTagName('li');
    var isSpeed;
    var btnstop=document.getElementById('btn');
    var timer=null;
    
    btnLeft.onmouseover=function()
    {isSpeed=-13;}
    btnright.onmouseover=function()
    {isSpeed=13;}  //设置速度和方向
    oUl.innerHTML+=oUl.innerHTML;
    
    setInterval(move,100)    //定时器
    
    btnstop.onclick=function()
    {
        timer=setInterval(move,100)//为什么停不下来啊??????
        
        clearInterval(timer)}
    function move()
    {    
        oUl.style.width=ali.length*ali[0].offsetWidth+'px'
        oUl.style.left=oUl.offsetLeft+isSpeed+'px';
        
        if(oUl.offsetLeft<-oUl.offsetWidth/2)
        {oUl.style.left='0px';}
        else if(oUl.offsetLeft>0)
        {oUl.style.left=-oUl.offsetWidth/2+'px';}
    }
    
}

正在回答

4 回答

为何要用两个定时器  上面那个一直在调用move啊

0 回复 有任何疑惑可以回复我~
#1

慕运维8689091 提问者

感谢,我以为单纯的赋值时不会运行定时器。
2016-07-22 回复 有任何疑惑可以回复我~

可以用浏览器打断点,按F12http://img1.sycdn.imooc.com//579c4d370001e3f614400853.jpg

0 回复 有任何疑惑可以回复我~

建议你运行过程中打断点,就能看出代码运行的走向

0 回复 有任何疑惑可以回复我~
#1

慕运维8689091 提问者

请问DW中可以设置断点吗,我没有查到相关的资料
2016-07-22 回复 有任何疑惑可以回复我~

   setInterval(move,100)    //定时器一行去掉

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

我写了一个无缝滚动的代码,请大家帮我看看,为什么这个定时器停不下来啊

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信