从零到一学JS：写个发送短信的按钮10秒倒计时

每日一kun：我喜欢你就像是烟火升空，会在心里每一个小地方，都绽放小小的烟花，在心里噼里啪啦的炸开。

怎么说呢，写个按钮倒计时，点击开始倒计时，时间为10秒，10秒过后能再次点击，上代码

js代码
        window.addEventListener("load", function () {
            var btn = document.querySelector("button")
            btn.addEventListener("click", function () {
                var time = 10
                var timeout = setInterval(function () {
                    if (time == 0) {
                        btn.disabled = false
                        time = 10
                        btn.innerHTML = "发送"
                        clearInterval(timeout)
                    } else {
                        btn.disabled = true
                        btn.innerHTML = "还剩下" + time + "秒"
                        time--
                    }
                }, 1000)

            })
        })
html代码
 <div>
        手机号：<input> <button>发送</button>
    </div>

效果

看来gif效果不错