jsはメールの検証コードを取得するためのカウントダウンを実現します.

6397 ワード

DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>title>
        <style type="text/css">
            #btn{
                width:80px;
                height: 30px;
                border:none;
                outline: none;
                cursor: pointer;
                background-color:cadetblue;
                color:#fff;
                text-align: center;
            }
        style>
    head>
    <body>
        <input id="btn" onclick="huoqu(this)" value="    " />
        <script type="text/javascript">
            var cnt=60;//               
            function huoqu(obj){
                if(cnt==0){//        0 
                    obj.removeAttribute("disabled");
                    obj.value="    ";
                    cnt=60;
                    return;//   0 ,       ,         
                }else{
                    obj.setAttribute("disabled",true);
                    obj.value=cnt+'s';
                    console.log(cnt);
                    cnt--;
                }
                setTimeout(function(){
                        huoqu(obj);
                    },1000);
            }
            
        script>
    body>
html>
 
 
転載先:https://www.cnblogs.com/Mrrabbit/p/7591945.html