发送验证码

1.发送按钮点击后，会被禁用；

2.被点击后，按钮里面的内容会变化成1分钟的倒计时；

3.待发送按钮被触发后才可以点击提交按钮，需在验证码框里填写0505，用弹窗提示成功。
html代码：

    <input type="number" name="" value="" id="number">
    <button>发送 按钮</button>
    <input type="submit" id="tijiao">

js代码：

<script>
        var btn = document.querySelector('button')
        var tijiao = document.querySelector('#tijiao')
        var number = document.querySelector('#number')
        var time = 60
        tijiao.disabled = true
        btn.onclick = function () {
            btn.disabled = true
            tijiao.disabled = false
            setInterval(function () {
                if (time == 0) {
                    clearInterval
                    btn.innerHTML = "倒计时结束"
                    btn.disabled = false

                } else {
                    btn.innerHTML = "还剩下" + time + "秒";
                    time = time - 1
                }
            }, 1000)
        }
        tijiao.onclick = function () {
            var outcome = number.value
            if (outcome == "0505") {
                alert("提交成功！")
            }
        }
    </script>

倒计时原理：
给定60s，设置定时器每一秒减一并显示一次
按钮禁用：
disabled=false或者true
验证码原理：
通过对比value值是否与输入的字符串相等，如果相等则弹窗