手机发送验证码

最新推荐文章于 2024-01-10 18:40:42 发布

菜鸟级码农小林

最新推荐文章于 2024-01-10 18:40:42 发布

阅读量88

点赞数 1

分类专栏： JavaScript html 文章标签： JavaScript HTML 表单计时器前端开发

本文链接：https://blog.csdn.net/m0_59735348/article/details/124545138

版权

JavaScript 同时被 2 个专栏收录

26 篇文章 1 订阅

订阅专栏

html

20 篇文章 0 订阅

订阅专栏

<html>
    <input type="text">
    <button>发送</button>
</html>
<script>
    var btn = document.querySelector('button')
    var time = 3;
    btn.addEventListener('click', function () {
        btn.disabled = true
        var timer = setInterval(function () {
             if (time == 0) {
                 // 清除定时器和复原按钮
                 clearInterval(timer)
                 btn.innerHTML = '发送'
                 btn.disabled = false
                 time = 3 //这个需要重新定义
             } else {
                 btn.innerHTML = '还剩' + time + '秒'
                 time--;
                }
        }, 1000)
    })
</script>

效果图：

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

菜鸟级码农小林

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
手机发送验证码

<html> <input type="text"> <button>发送</button></html><script> var btn = document.querySelector('button') var time = 3; btn.addEventListener('click', function () { btn.disabled = true .
复制链接

扫一扫