• 代码:时间


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

    60秒倒计时定时器: (把下面的简化了一下)  2016-3-15

    <script src="http://cdn.bootcss.com/jquery/1.12.1/jquery.min.js"></script>
    <script type="text/javascript">
    $(function(){
    var mobileHouse={
        mz:0,
        init:function(){
            if(mobileHouse.mz>0){console.log('定时器还在运行中,稍后执行');return false;}
            var timer=setInterval(function(){
    
                        if(mobileHouse.mz>=60){
                            $("#button").removeClass("gray");
                            $("#button").val("获取验证码");
                            mobileHouse.mz=0;
                            clearInterval(timer);//删掉定时器
                        }else{
                            $("#button").val(  60-mobileHouse.mz +"秒后再发");
                            console.log(mobileHouse.mz);
                            mobileHouse.mz++;
                        }
                },1000);//延时执行
        },
    
    }
        $("#button").click(function(){
            mobileHouse.init();
        });
    });
    </script>
    <input type="button" value="" id="button">

    一个例子: 发送验证码后,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">

    ...

  • 相关阅读:
    MySQL练习题
    InnoDB存储引擎+显示数据库引擎
    EMP+DEPT+SALGRADE 表的基本操作2
    EMP+DEPT+SALGRADE 表的基本操作1
    Git的使用
    JavaScript动画实例:旋转的正三角形
    JavaScript动画实例:曲线的绘制
    JavaScript动画实例:螺旋线
    JavaScript图形实例:阿基米德螺线
    JavaScript图形实例:平面镶嵌图案
  • 原文地址:https://www.cnblogs.com/qq21270/p/5103373.html
Copyright © 2020-2023  润新知