zoukankan      html  css  js  c++  java
  • 代码:时间

     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">

    ...

  • 相关阅读:
    利用原生JS判断组合键
    MySQL基本操作简述
    Java链接Mysql传输数据
    Java培训--->>基础
    Java基础之字符串-->>字符串处理
    Java基础之结构-->>条件结构与循环结构
    Java基础之数组-->>数组常用操作
    Front End Development Certification (HTML5 and CSS)
    FlexSlider插件的详细设置参数
    常见<meta>的基本用法详解
  • 原文地址:https://www.cnblogs.com/qq21270/p/5103373.html
Copyright © 2011-2022 走看看