码迷,mamicode.com
首页 > Web开发 > 详细

js倒计时 重发 效果

时间:2015-11-10 14:12:25      阅读:218      评论:0      收藏:0      [点我收藏+]

标签:

<script type="text/javascript">
            window.onload = function() {
                var wait = 60;

                function time(o) {
                    if (wait == 0) {
                        o.removeAttribute("disabled");
                        o.value = "重新获取验邮件";
                        wait = 60;
                    } else {
                        o.setAttribute("disabled", true);
                        o.value = "重新发送(" + wait + ")";
                        wait--;
                        setTimeout(function() {
                                time(o)
                            },
                            1000)
                    }
                }
                document.getElementById("btn").onclick = function() {
                        time(this);
                    }
                    // 0.5秒后模拟点击
                setTimeout(function() {
                    // IE
                    if (document.all) {
                        document.getElementById("btn").click();
                    }
                    // 其它浏览器
                    else {
                        var e = document.createEvent("MouseEvents");
                        e.initEvent("click", true, true);
                        document.getElementById("btn").dispatchEvent(e);
                    }
                }, 500);
            }
        </script>
<input type="button" id="btn" value="重新获取验邮件" class="button" />

 

js倒计时 重发 效果

标签:

原文地址:http://www.cnblogs.com/webfby/p/4952584.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!