点击按钮获取短信验证码

最新推荐文章于 2022-08-28 11:30:51 发布

码奴生来只知道前进~

最新推荐文章于 2022-08-28 11:30:51 发布

阅读量1.8k

点赞数 1

分类专栏： jQuery 文章标签： java linux oracle

本文链接：https://blog.csdn.net/tanqingfu1/article/details/111039426

版权

jQuery 专栏收录该内容

52 篇文章 3 订阅

订阅专栏

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>点击按钮获取短信验证码</title>

<link rel="stylesheet" href="css/date.css">

</head>
<body>

<h3>下面点击按钮获取验证码</h3>
<input><button type="button" id="cxfs" onclick="time()" >点击获取验证码</button>

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.date.js"></script>

<script type="text/javascript">
function time(){
    var count = 60; //间隔函数，1秒执行
    var curCount = 0; //当前剩余秒数
    var interval;
    curCount = count;
    interval = setInterval(function() {
        if (curCount == 0) {
            $("#cxfs").attr("disabled",false);
            clearInterval(interval); // 停止计时器
            $("#cxfs").html("点击获取验证码");
        } else {
            $("#cxfs").attr("disabled",true);
            curCount--;
            $("#cxfs").html(curCount + "秒");
        }
    }, 1000); // 启动计算器
}
</script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>
</body>
</html>

码奴生来只知道前进~

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
点击按钮获取短信验证码

<!DOCTYPE html><html lang="zh-cn"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"><title>点击按钮获取短信验证码</titl
复制链接

扫一扫