js模拟发送验证码时时间倒计时

最新推荐文章于 2023-01-18 00:44:56 发布

黄大仙No.1

最新推荐文章于 2023-01-18 00:44:56 发布

阅读量150

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/qq_44378358/article/details/107869851

版权

javascript 专栏收录该内容

104 篇文章 9 订阅

订阅专栏

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
手机号码:<input type="number"><button style="width: 100px">发送</button>
<script>
    var btn=document.querySelector('button');
    var time=3;       //剩下的秒数
    btn.addEventListener('click',function (e) {
        btn.disabled=true;
        var timer=setInterval(function () {
            btn.innerHTML='还剩下'+time+'s';
            time--;
            if(!time){
                clearInterval(timer);
                btn.disabled=false;
                btn.innerHTML='发送';
            }
        },1000)
    })
</script>
</body>
</html>