JavaScrip基础（二）

<script type="text/javascript">
        // 一次性定时器 延时器
        setTimeout(f1,1000);
            function f1(){
                console.log("执行了f1");
        }
        // 循环定时器
        var timer = setInterval(function(){
            console.log("循环定时器")
        },2000);

        setTimeout(function(){
            // 清除定时器
            clearInterval(timer);
            // clearTimeout()
        },8000)

        var first = document.getElementById('first');
        first.onclick = function(){
            var move = setInterval(function(){
                first.style.left = first.offsetLeft + 5 + "px";
                if (first.offsetLeft >= 500) {
                    clearInterval(move);
                }
            },20);
        }
    </script>