博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
<input type="button">点击事件同步控制
阅读量:6608 次
发布时间:2019-06-24

本文共 820 字,大约阅读时间需要 2 分钟。

hot3.png

<input type="button" id="lucks"  value="点击砸蛋">

$(function(){

  $("#lucks").click(function(){
   alert("世界你好!"); 

   )}

 //移除点击事件 用户点击时不会有反应

  $('#lucks').attr("disabled", "disabled");

//恢复点击事件 用户点击时又会被触发

 $('#lucks').removeAttr("disabled");

 

模拟手机短信验证码倒计时恢复点击事件操作

093454_rLl6_3621360.png

093810_ep8P_3621360.png

<input type="button"  id="sendSmsCode" name="sendSmsCode" value="获取验证码">

$(function(){

 $("#sendSmsCode").click(function(){

var btn = $(this);

 var time = 60000;

var intervalId = setInterval(function() {
                                if (time == 0) {
                                    clearInterval(intervalId);
                                    btn.val("重新发送");
                                    btn.removeAttr("disabled");
                                    btn.css("background","#ff6600");
                                } else {
                                    btn.val("重新发送" + time / 1000);
                                    btn.attr("disabled", "disabled");
                                    btn.css("background","#acacac");
                                    time -= 1000;
                                }
                            }, 1000);

)}

})

})

 

 您觉得本文章对您有帮助,那么可以选择打赏。

打赏多少,您高兴就行,谢谢您的支持! ~(@^_^@)~

                          微信                支付宝
08cdeab56f6808041ef833491f96a941fbc.jpg d886d6660cd1dd7c002516d1c1f77147adf.jpg

转载于:https://my.oschina.net/u/3621360/blog/1603751

你可能感兴趣的文章
路由器的配置
查看>>
zabbix使用snmp自定义key
查看>>
VMware View 6.0 快速部署教程
查看>>
linux的哲学思想
查看>>
Oracle数据库联机日志文件丢失或损坏的处理方法
查看>>
我wordpress的安装和使用
查看>>
QtCreator 打不开UI文件
查看>>
NFS remote backup
查看>>
我的友情链接
查看>>
Install GStreamer 1.2.3 and GStreamer RTSP SERVER
查看>>
Hbase 技术细节笔记(上)
查看>>
Centos 5.X 系统优化脚本
查看>>
myql 5.7.21 GTID 组复制
查看>>
Java线上应用故障排查之一:高CPU占用
查看>>
linux常用资源下载地址
查看>>
如何生成addm报告
查看>>
MongoDB GridFS 初探
查看>>
oracle自动共享内存管理
查看>>
我的友情链接
查看>>
Metasploit 4下无法使用db_autopwn命令的解决
查看>>