获取短信验证码（60s）-Button 

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="/comlaw/js/jquery-1.8.3.min.js"></script>  
<script type="text/javascript"> 
function invokeSettime(obj){
    var countdown=60;
    settime(obj);
    function settime(obj) {
        if (countdown == 0) {
            $(obj).attr("disabled",false);
            $(obj).text("获取验证码");
            countdown = 60;
            return;
        } else {
            $(obj).attr("disabled",true);
            $(obj).text("(" + countdown + ") s 重新发送");
            countdown--;
        }
        setTimeout(function() {
                    settime(obj) }
                ,1000)
    }
}

</script>
<body> 
    <button id="btn" type="button" onclick="invokeSettime(this)">获取验证码</button>
</body>
</html>

 

posted on 2018-01-14 21:42  vmkash  阅读(226)  评论(0)    收藏  举报

导航