原创jquery实现点击按钮后倒计时效果,防页面刷新!

时间:2018-10-03 03:44:06
【文件属性】:

文件名称:原创jquery实现点击按钮后倒计时效果,防页面刷新!

文件大小:34KB

文件格式:ZIP

更新时间:2018-10-03 03:44:06

按钮 倒计时 js短信验证 jquery

实现思路: 1.实现点击按钮,对手机号进行验证(是否为空或是否正确手机号), 图形验证码验证(判断是否填写图形验证码)。 2.验证通过验证后,调用接口发送短信。 3.返回发送状态,如果发送成功,实现等待倒计时,锁定按钮处于禁用状态。 同时把倒计时数据写入 cookie 防止页面被刷新 4.倒计时的实现不采用全局变量,避免污染全局,或被其他函数修改。 5.按钮点击时先判断 cookie 里面有没有保存的倒计时值,如果有就从该值开 始倒计时。同时锁定按钮 6.对实现代码进行封装,方便使用! 调用实例:

  • 6688


【文件预览】:
index.html
jquery.min.js

网友评论