4：JS延时执行

一.  延时执行

在js中可以使用setTimeout函数进行延控制

<script type="text/javascript">

    var st = document.getElementById("st");
    var cl = document.getElementById("cl");
    var timeout;
    st.onclick = function () {
        timeout = setTimeout(function () {
            alert("哈哈哈");
        }, 1000);
    };
    cl.onclick = function () {
        clearTimeout(timeout);

    }
</script>

二.  间隔执行

<script type="text/javascript">

    var st = document.getElementById("st");
    var cl = document.getElementById("cl");
    var num = 1;
    var timeout;
    st.onclick = function () {
        timeout = setInterval(function () {
            console.log(num++);
        }, 100);
    };
    cl.onclick = function () {
        clearTimeout(timeout);

    }
</script>