1. 程式人生 > >JavaScript定時器, 點選按鈕,div移動

JavaScript定時器, 點選按鈕,div移動

//定時器, 點選按鈕,div移動
var timer = null;
function starMove() {
    var oDiv = document.getElementById('div1');

    timer = setInterval(function() {
        var sd = 1;

        if (oDiv.offsetLeft >= 300) {
            clearInterval(timer);
        } else {
            oDiv.style.left = oDiv.offsetLeft + sd + 'px';
        }
    },
    30);
}

<input  type='button' value='開始運動'  onclick="starMove()"/>
<div id="div1"></div>