zoukankan      html  css  js  c++  java
  • 原生JS 的60秒倒计时!

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport">
    <title>原生js60s倒计时</title>
    <style>
    </style>
    </head>
    <body>
    <input type="button" id="btn" value="免费获取验证码" />
    <script type="text/javascript">
    //发送验证码按钮的60s倒计时
    var countdown = 60;
    var mfbtn=document.getElementById('btn');
    var mfbtn=document.getElementById('btn');
    mfbtn.style.background='#0af';
    mfbtn.style.border='none';
    mfbtn.style.borderRadius='5px';
    mfbtn.style.height='30px';
    mfbtn.style.color='#fff';
    function settime(obj) {
    if (countdown == 0) {
    obj.disabled=false;
    obj.value="免费获取验证码";
    countdown = 60;
    return;
    } else {
    obj.disabled=true
    obj.value="重新发送" + countdown
    countdown--;
    mfbtn.style.background='#999';
    }
    setTimeout(function() {
    settime(obj);
    }, 1000)
    };

    mfbtn.onclick=function () {
    settime(mfbtn);
    };

    </script>
    </body>
    </html>
  • 相关阅读:
    selenium自动化测试实战——12306铁路官网范例
    mock接口开发——flask模块
    python调用接口——requests模块
    python操作redis
    python修改excel内容
    python读excel
    python发送邮件
    python写日志
    python的模块
    python写excel
  • 原文地址:https://www.cnblogs.com/shenbo666/p/9371445.html
Copyright © 2011-2022 走看看