首页 > 其他 > 详细

代码:时间

时间:2016-01-05 20:22:27      阅读:105      评论:0      收藏:0      [点我收藏+]

 http://www.w3school.com.cn/jsref/jsref_obj_date.asp  时间函数

 

 

一个例子: 发送验证码后,60秒倒计时。  2016-1-5

60秒到时间后才能再次重发(此期间如果页面被刷新,这招不管用)

<script type="text/javascript" src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
    var firstTime=0;
    var timer;//定时器
    var mz=59;//秒针
    $("#button").click(function(){
        var curTime = (new Date()).getTime();
        if(firstTime==0 || curTime-firstTime>60000){
            firstTime = (new Date()).getTime();
            $("#button").addClass("gray");
            $("#button").val("60秒后再发");

            timer=setInterval(function(){
                var curTime = (new Date()).getTime();
                if(curTime-firstTime>=60000){
                    $("#button").removeClass("gray");
                    $("#button").val("获取验证码");
                    mz=59;
                    clearInterval(timer);//删掉定时器
                }else{
                    $("#button").val(mz+"秒后再发");
                    mz--;
                }
            },1000);//延时执行
        }else{
            console.log("不让点");
        }
    });
});
</script>
<style type="text/css">
#button{border:0;padding:5px 10px;}
.gray{background:#333;color:#aaa;}
</style>
<input type="button" value="获取验证码" id="button">

 

 

 

...

 

代码:时间

原文:http://www.cnblogs.com/qq21270/p/5103373.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!