学习写了一个点击按钮倒计时的jquery小插件
2014-04-24 17:52
447 查看
(function($) { $.fn.extend({ getSms: function(value) { value = $.extend({ wait: 60, //参数, 默认60秒 }, value); var id = $(this).attr('id'); var wait = value.wait; //内部函数 function time(id) { console.log(wait); if (wait == 0) { $("#" + id).removeAttr("disabled"); $("#" + id).val('获取验证码'); wait = value.wait; } else { $("#" + id).attr("disabled", "true"); $("#" + id).val("重新发送(" + wait + ")"); wait--; setTimeout(function() { time(id) }, 1000) } } $(this).click(function() { time(id); }) } }); })(jQuery);
前端页面用的时候
$("#getsmsbtn").getSms({wait:60});//参数默认60 可以省略
相关文章推荐
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- ios学习笔记之-点击一个按钮弹出拨打电话提示框
- 如何点击一个按钮 分别触发两个jquery事件
- Jquery点击发送按钮后,按钮文本倒计时
- jquery 实现验证码倒计时 点击按钮后倒计时效果
- 一个简单的jQuery插件制作 学习过程及实例
- highcharts插件中,在外部点击一个按钮或者别的时间,可以链接highcharts上点击事件
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- jquery 点击同一个按钮,第一次与第二次执行不同事件
- 怎样用jquery实现点击一个按钮控制一个div的显示和隐藏
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- ExtJS 学习笔记 示例1-点击按钮弹出一个新窗体,避免重复创建
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- 使用Jquery blockUI插件实现在点击按钮提交后阻止再次点击,当处理完后解除阻止
- jQuery插件学习三:一个demo
- jQuery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码、邮箱验证码
- jQuery常用插件(四)不使用flash,点击按钮将内容复制到剪切板
- QT学习3:在VS2013下通过点击按钮弹出一个新的窗口