js验证码有效时间倒计时

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
	<meta charset="utf-8" />
    <script src="Scripts/jquery-1.10.2.min.js"></script>
    <script src="Scripts/jquery.cookie.js"></script>
    <script>

        var max = 60;
        var $btnGetCode;
        var text = "验证码有效秒数：";

        function beginCount() {

            //记下开始计数时间到cookie中，当页面刷新了也可以继续记数
            $.cookie('beginDate', new Date().getTime(), { expires: 60 });

            //设置最大秒数
            max = 60;
            //倒数
            count();
        }

        $(function myfunction() {
            $btnGetCode = $("#btnGetCode");
            //最近点击时间
            var beginDate = parseInt($.cookie('beginDate'));
            //已过秒数
            var currentCount=Math.floor((new Date().getTime() - beginDate) / 1000);
            //剩下秒数
            max = max - currentCount;
            //倒数
            count();
        });

        //递归记数
        function count() { 
        
            if (max > 0 && max <= 60) {
                $btnGetCode.val(text + max--);
                timeoutID = setTimeout("count()", 1000);
            } else if (max==0) {
                $btnGetCode.val("重新获取");
            }
            
        }

    </script>
</head>
<body>
    <input type="button" id="btnGetCode" value="获取验证码" onclick="beginCount()"/>
</body>
</html>
posted on 2018-05-16 23:42 wolf12 阅读(341) 评论(0) 编辑收藏举报