找回密码
 立即注册

QQ登录

只需一步,快速开始

Tracy.Liu 讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2019-7-5 12:27  /   查看:8311  /  回复:13
本帖最后由 Tracy.Liu 于 2019-7-5 12:31 编辑

我们经常见到获取验证码时,按钮点击后会在一段时间内变灰并不可点击,这个效果需要如何来实现呢,一段js就可以解决

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

13 个回复

正序浏览
Tracy.Liu讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2019-12-5 18:45:27
14#
amao47kiki2 发表于 2019-12-5 17:09
请问这个id可以在哪里找到?通过浏览器的源代码吗?

可以看下这里:https://blog.csdn.net/gy0124/article/details/103388544

后面如果还有问题的话,您可以重新开一个帖子帮您处理哦~感谢您的支持~
回复 使用道具 举报
amao47kiki2
初级会员   /  发表于:2019-12-5 17:09:37
13#
Tracy.Liu 发表于 2019-12-5 17:00
这个是取得对应按钮id。就是jquery根据id获取页面元素的方法。

请问这个id可以在哪里找到?通过浏览器的源代码吗?
回复 使用道具 举报
Tracy.Liu讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2019-12-5 17:00:40
12#
amao47kiki2 发表于 2019-12-5 14:51
$(function(){
        $('#r10c12p_div').find("button").click(function(){
            var btn  ...

这个是取得对应按钮id。就是jquery根据id获取页面元素的方法。
回复 使用道具 举报
amao47kiki2
初级会员   /  发表于:2019-12-5 14:51:52
11#
    $(function(){
        $('#r10c12p_div').find("button").click(function(){
            var btn = $(this);
            var count = 10;
            var resend = setInterval(function(){
                count--;
                if (count > 0){
                   $('#r10c12p').text(count+"秒后可重新获取");
             btn.attr('disabled',true);
                }else {
                    clearInterval(resend);
                   $('#r10c12p').text("获取验证码");
             btn.attr('disabled',false);
                }
            }, 1000);
        });
    });



其中的'#r10c12p_div'是什么意思呢?
回复 使用道具 举报
Tracy.Liu讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2019-8-19 18:04:58
10#
感谢支持~
回复 使用道具 举报
lml0126
高级会员   /  发表于:2019-8-19 17:52:00
9#
好牛
回复 使用道具 举报
Tracy.Liu讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2019-7-9 15:07:33
8#
pathping 发表于 2019-7-9 15:02
没看到js写在哪里

在页面加载时命令中

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
pathping
金牌服务用户   /  发表于:2019-7-9 15:02:46
7#
没看到js写在哪里
回复 使用道具 举报
Tracy.Liu讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2019-7-5 17:29:57
6#
感谢各位支持
回复 使用道具 举报
12下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部