DIV要素の移動

2秒毎にDIV要素を下方向に10px移動させるJavaScirpt

   var timerID;
   $('runBtn').onmousedown = startDown;
   $('stopBtn').onmousedown = stopDown;
   
   //２秒ごとにgoDown()を実行
   function startDown(){
    timerID = setInterval("goDown()", 2000);
   }

   //Interverl処理をキャンセル
   function stopDown() {
    if (timerID) clearInterval(timerID);
   }
   
   function goDown() {
    //offsetTopは親の座標軸を基準とした座標を返す
    //offsetTopはreadOnlyのため
    //div要素の座標変更にはstyle.topに代入する

    //staticではstyle.topは無効のため、absoluteにする
    $('boxA').style.position = "absolute";
    $('boxA').style.top = $('boxA').offsetTop + 10 + 'px';
   }