<script>

        var pos = 1;//1左边还是2右边

        var oBtn = document.getElementById('btn')

        var oBox = document.getElementById('box')

        var lock = true;

        //函数节流：一个函数执行一次后，只有大于设定的执行周期后才允许执行第二次

        oBtn.onclick = function () {

            //函数节流锁

            if (!lock) return;

            box.style.transition = 'all  2s linear 0s'

            if (pos == 1) {

                oBox.style.left = '800px'

                pos = 2;

            } else if (pos == 2) {

                oBox.style.left = '100px'

                pos = 1;

            }

            lock = false;

            setTimeout(function(){

                lock = true

            },2000)

        }

    </script>

​