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秒倒計時