注册码倒计时

Posted Mr丶Zhang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了注册码倒计时相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>无标题文档</title>

    <script type="text/javascript" src="js/jquery.js"></script>

</head>

 

<body>

<input type="button" id="btn" value="免费获取验证码" onclick="settime(this)" />

<script type="text/javascript">

    var countdown=60;

    function settime(val) {

        if (countdown == 0) {

            val.removeAttribute("disabled");

            val.value="免费获取验证码";

            countdown = 60;

        } else {

            val.setAttribute("disabled", true);

            val.value="重新发送(" + countdown + ")";

            countdown--;

        }

        setTimeout(function() {

            settime(val)

        },1000)

    }

</script>

</body>

</html>

以上是关于注册码倒计时的主要内容,如果未能解决你的问题,请参考以下文章

按钮特效-注册按钮倒计时效果

注册界面+获取验证码倒计时设置

DOM案例注册文本倒计时

倒计时1天,C 位1.0版本即将开放注册

倒计时最后1天 | 一文玩儿转 Microsoft Inspire 2020

原创:微信小程序+WEB使用JS实现注册60s倒计时功能