技术思绪摘录旅行
需求来自于验证码发送,写法不止这一种,这只是介绍一种思路,大部分代码是可以直接使用的,小部分代码按需修改即可。

很多时候我们需要发送验证码,然后等待用户输入验证码,60s的倒计时,倒计时期间,按钮不可再次点击,倒计时结束又可以再次点击获取验证码。

代码如下:

<script type="text/javascript">

function clickButton(obj){

    var obj = $(obj);

    obj.attr("disabled","disabled");/*按钮倒计时*/

    var time = 60;

    var set=setInterval(function(){

        obj.val(--time+"(s)");

    }, 1000);/*等待时间*/

    setTimeout(function(){

        obj.attr("disabled",false).val("重新获取验证码");/*倒计时*/

        clearInterval(set);

    }, 60000);

}

</script>


CarsonIT 微信扫码关注公众号 策略、创意、技术

留下您的脚步

 

最近评论

查看更多>>

精选推荐

阅读排行

友情打赏

请打开您的微信,扫一扫