前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >js"发送验证码"倒计时效果!

js"发送验证码"倒计时效果!

作者头像
deepcc
发布2018-05-16 14:19:40
1.3K0
发布2018-05-16 14:19:40
举报
文章被收录于专栏:deepccdeepcc

 发送验证码倒计时很简单,昨天作的,今天贴出来,作个记录,也请朋友看看,可以不优化一下!

代码语言:javascript
复制
<input type="button" id="fsyzm" onclick="timedCount()"  class="btn5" value="发送校验码" />
<script type="text/javascript">
    var Time=3,    t;
    var c=Time
    function timedCount(){
        document.getElementById('fsyzm').value="请稍等(" + c + ")";
        document.getElementById('fsyzm').disabled="disabled";
        c=c-1;
        t=setTimeout("timedCount()",1000)
        if(c<0){
            c=Time;
            stopCount();
            document.getElementById('fsyzm').value="发送校验码";
            document.getElementById('fsyzm').removeAttribute("disabled");
        }
    }
    function stopCount(){
        clearTimeout(t);
    }
</script>
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2012-08-17 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
验证码
腾讯云新一代行为验证码(Captcha),基于十道安全栅栏, 为网页、App、小程序开发者打造立体、全面的人机验证。最大程度保护注册登录、活动秒杀、点赞发帖、数据保护等各大场景下业务安全的同时,提供更精细化的用户体验。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档