애니메이션 애니메이션 부드럽게 하기

var btn = document.getElementById("btn");
var box = document.getElementById("box");
var timer = null;
btn.onclick = function() {
    //   +    timer = setInterval(function() {
       box.style.left = box.offsetLeft + 5 + "px";  //    console.log(box.offsetLeft);
       //    if(box.offsetLeft >=400) {  //   offsetLeft  px  clearInterval(timer);
       }
   },30)
}