js缓动函数，控制一个div向右移动，速度是越来越快，直到300就stop？

<script>
    var id=document.getElementById("id");
    var a=0;
    var right=document.getElementById("right");
    var left=document.getElementById("left");
    var t;
    var timer=null;
    right.onclick=function(){
        timer=setInterval(function(){
            if(id.offsetLeft<300){
                id.style.left=id.offsetLeft+5+'px';
            }else{
                clearInterval(timer);
            }
        },10);
    };
    left.onclick=function(){
        timer=setInterval(function(){
            if(id.offsetLeft){
                id.style.left=id.offsetLeft-5+'px';
            }else{
                clearInterval(timer);
            }
        },10);
    };
</script>

<div class="wrapper">
    <div class="box" id="id">
    </div>
</div>
<input type="button" value="向左" id="left">
<input type="button" value="向右" id="right">

请问如何在我写的js基础上 添加一个缓动函数的效果
我的思路，用js控制一个div,向右移动开始直到最快。要有一种飞快的效果。