发送验证码后,显示倒计时10s后重新获取

复制代码
<input type="text">
<button>获取验证码</button>
<script>
  var btn = document.querySelector('button');
  var t = 10;

  //设置监听事件,按下按钮后禁用按钮
  btn.addEventListener('click',function(){
    btn.disabled = true;
    //添加定时器,时间间隔为一秒
    var time = setInterval(function(){
      if(t==0){//如果倒计时等于0了,清除计时器,恢复按钮,将t重置为10,否则按钮中文字改变,t递减。
        clearInterval(time);
        btn.disabled=false;
        btn.innerHTML='获取验证码';
        t=10;
      }else{
        btn.innerHTML='您可以在'+t+'秒后再次获取';
        t--;
      }
    }, 1000);
  })
<script>
 
复制代码

 

posted @   天官赐福·  阅读(222)  评论(0编辑  收藏  举报
编辑推荐:
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
阅读排行:
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
返回顶端
点击右上角即可分享
微信分享提示