zoukankan      html  css  js  c++  java
  • asp 时间倒数后按钮可用

      <asp:Button runat="server" ID="btn"  Text="免费获取验证码" onclick="btn_Click" />

    js:

    <script type="text/javascript">
           var wait = 6;
           function time() {
               if (wait == 0) {
                   document.getElementById("btn").removeAttribute("disabled");
                   document.getElementById("btn").value = "免费获取验证码";
                   wait = 6;
               } else {
                   document.getElementById("btn").setAttribute("disabled", true);
                   document.getElementById("btn").value = wait + "秒后可以重新发送";
                   wait--;
                   setTimeout(function () {
                       time()
                   },
                1000)
               }
           }
         
    </script>    

    后台页面加载时调用js

      protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                 ClientScript.RegisterStartupScript(GetType(), "js", "time()", true);
            }
        }

    效果图:

  • 相关阅读:
    Ztree
    WebAPI
    数据传输
    jqyery+ajax 提交表单
    初试 MVC+Boostrap
    CSV 导入SQL Server 中
    10-C语言循环结构(一)
    Linux测试语句(test)
    C 链表
    C递归
  • 原文地址:https://www.cnblogs.com/smile-wei/p/4120522.html
Copyright © 2011-2022 走看看