Question

让一个 DIV 缓慢向右移动 300px 就停止的javascript 代码 怎么写？

我写的代码为什么不停止？

Answer 1

你的代码结构有问题，帮你修改一下。。。

var oDiv1 = ducument.getElementById("div1):
var timer = null;
oDiv1.onclick=function(){
    timer = setInterval(function(){
        if(oDiv1.offsetLeft < 300){
            oDiv1.style.left = oDiv1.offsetLeft + 5 +'px';
        }else{
            clearInterval(timer);
        }
    },30);
}

另外，一定要确认你的div1的position是absolute。

你的代码之所以无法让这个div停止是因为你的判定是在点击的刚开始，那时候自然是小于300的，所以进不到你的else的语句块里面，所以你应该讲if判定放到setInterval的function里面，这样他才会重复判定

追问

嗯，我也想明白了，是我的编程思想还不成熟，判断应该在定时器里边的