JavaScript 原生小案例 60秒倒计时

时间 2019-12-08

标签 javascript 原生案例 60秒倒计时栏目 JavaScript 繁體版

原文原文链接

功能展现：

1.点击按钮，javascript

2.开始倒计时html

3.到1后还原为60java

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>60秒倒计时</title>
</head>
<body>
<input id="get_pass" type="button" value="获取验证码" onClick="click1()">
</body>
</html>
<script language="javascript">
    var j = function () {
        return document.getElementById("get_pass");
    };
    var number = 60;

    function click1() {
        j("get_pass").value = number + "秒";
        number = number - 1;
        //当计数为0的时候，还原内容 并将number=60
        if (number < 0) {
            j("get_pass").removeAttribute("disabled");
            j("get_pass").value = "获取验证码";

            number = 60; //将number还原成60
        } else {
            j("get_pass").setAttribute("disabled", false);
            setTimeout("click1()", 1000);
        }

    }
</script>复制代码

JavaScript 原生 小案例 60秒倒计时

功能展现：

JavaScript 原生小案例 60秒倒计时