zoukankan      html  css  js  c++  java
  • 短信验证码倒计时

    MXS&Vincene  ─╄OvЁ  &0000005 ─╄OvЁ  MXS&Vincene 

    MXS&Vincene  ─╄OvЁ:今天很残酷,明天更残酷,后天很美好,但是绝大部分人是死在明天晚上,只有那些真正的英雄才能见到后天的太阳。

    MXS&Vincene  ─╄OvЁ:We're here to put a dent in the universe. Otherwise why else even be here? 

    正文>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="yan.aspx.cs" Inherits="Technology.yan" %>

    <!DOCTYPE html>

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
    <title>短信验证码倒计时</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript">

    var ValObj; //timer变量,控制时间
    var count = 60; //间隔函数,1秒执行
    var cou;//当前剩余秒数

    function sendMsg() {
    cou = count;
    //设置button效果,开始计时
    $("#btn_yzm").attr("disabled", "true");
    $("#btn_yzm").val("请在" + cou + "秒内输入验证码");
    ValObj = window.setInterval(SetRemainTime, 1000); //启动计时器,1秒执行一次
    //向后台发送处理数据
    $.ajax({
    type: "POST", //用POST方式传输
    dataType: "text", //数据格式:JSON
    url: 'Login.ashx', //短信操作处理程序
    data: "dealType=" + dealType + "&uid=" + uid + "&code=" + code,
    error: function (XMLHttpRequest, textStatus, errorThrown) { },
    success: function (msg) { }
    });
    }

    //timer处理函数
    function SetRemainTime() {
    if (cou == 0) {
    window.clearInterval(ValObj);//停止计时器
    $("#btn_yzm").removeAttr("disabled");//启用按钮
    $("#btn_yzm").val("重新发送验证码");
    }
    else {
    cou--;
    $("#btn_yzm").val("请在" + cou + "秒内输入验证码");
    }
    }
    </script>
    </head>
    <body>
    <input id="btn_yzm" type="button" value="发送验证码" onclick="sendMsg()" />
    </body>
    </html>

  • 相关阅读:
    FJUT3565 最大公约数之和(容斥)题解
    FJUT3568 中二病也要敲代码(线段树维护区间连续最值)题解
    BZOJ 2252 矩阵距离
    BZOJ 1047 理想的正方形
    BZOJ 1486 最小圈
    BZOJ 2083 Intelligence test
    BZOJ 1045 糖果传递
    BZOJ 3450 Easy
    BZOJ 4318 OSU!
    BZOJ 1954 The xor-longest Path
  • 原文地址:https://www.cnblogs.com/moxuanshang/p/4560191.html
Copyright © 2011-2022 走看看