防抖

防抖的含義就是讓某個時間期限內，事件處理函式只執行一次。

        // 防抖
        var top = document.querySelectorAll(".tpo");

        var t;
        top.addEventListener('click', function () {
            clearInterval(t);
            t = setInterval(function () {
                document.documentElement.scrollTop -= 20;
                
 
if (document.documentElement.scrollTop == 0) {
                    clearInterval(t);
                }
            }, 30)
        })

節流

在函式執行一次之後，該函式在指定的時間期限內不再工作，直至過了這段時間才重新生效。

        // 節流
        var btn = document.querySelector(".btn");
        var t;
        btn.addEventListener('click', function
 
 () {
            this.disabled = "none";
            var count = 60;
            t = setInterval(function () {
                count--;
                btn.innerHTML = count + "秒後重新發送";
                if(count<=0){
                    btn.disabled = "";
                    btn.innerHTML = "傳送驗證碼";
                    count 
 
= 60;
                    clearInterval(t);
                }
            }, 1000)
        })