js判断60秒以及倒计时示例代码


Posted in Javascript onJanuary 24, 2014

用js判断60秒到计时,首先定义一个变量refreshTime,当触发事件的时候检查一下上一次请求成功的时间距离现在是否超过60秒,如果没有超过60秒,则弹出提示,

否则则允许继续请求,请求成功之后,把当前的时间赋值给refreshTime,具体实现方式;

usingNamespace("Biz.AccountCenter")["CellPhoneValidation"]={  
    refreshTime:0, //变量    checkRefreshGet:function(timeLimit) //检查时间,timelimit为传入请求需要间隔的时间(单位秒),比如:60
    {
      var nowTime = new Date();
      var nowMinitePoint=nowTime.getHours()*3600+nowTime.getMinutes()*60+nowTime.getSeconds();

     if(nowMinitePoint-Biz.AccountCenter.CellPhoneValidation.refreshTime<timeLimit )
     {
         return false;
     }
         return true;
    },
    resetRefreshGet:function() //请求成功之后,调用的方法,把定义的变量重置为当前时间
    {
       var nowTime = new Date();
       var nowMinitePoint=nowTime.getHours()*3600+nowTime.getMinutes()*60+nowTime.getSeconds();
       Biz.AccountCenter.CellPhoneValidation.refreshTime=nowMinitePoint; 
    },
 dynamicMessage:function(timeSecond) //倒计时方法 timeSecond为从多少秒开始,比如:60
    {
       var showTimmer;
       if (showTimmer) {
           clearTimeout(showTimmer);
       }
       if(timeSecond==dynamicValidate.refreshTimeLimit)
       {
            var messageRefresh =$.newegg.format(dynamicValidate.refreshSpanMessage,timeSecond);
           $("#spanRefresh").html("<span>"+messageRefresh+"</span>");
            $("#spanRefresh").attr("class","button btn_yanz_disable");
           timeSecond--;
       }
       showTimmer = setTimeout(function () {
           var messageRefresh =$.newegg.format(dynamicValidate.refreshSpanMessage,timeSecond);
           $("#spanRefresh").html("<span>"+messageRefresh+"</span>");
           timeSecond--;
           if (timeSecond < 0) {
               clearTimeout(showTimmer);
               $("#spanRefresh").attr("class","button btn_yanz");
               $("#spanRefresh").html("<span>"+dynamicValidate.refreshMessage+"</span>");
           } else {
               Biz.AccountCenter.CellPhoneValidation.dynamicMessage(timeSecond);
                $("#spanRefresh").attr("class","button btn_yanz_disable");
           }
       }, 1000);
    },
    create: function(obj,page,isCancelPhone) //每次请求调用的方法
    {     
        if(!Biz.AccountCenter.CellPhoneValidation.checkRefreshGet(dynamicValidate.refreshTimeLimit)) //每次请求的时候,js检查60s时间间隔
        {
           $("#valiateerror").empty().html("<span class='Validform_wrong'>"+$.newegg.format($Resource.BuildContent("AccountCenter_ModifyDyanmic_CanNotRepeatClick"),dynamicValidate.refreshTimeLimit)+"</span>").show();
           $("#mobilewarning").hide();
           return;
        }
       $.get("url",data,function(){
             //如果成功
             Biz.AccountCenter.CellPhoneValidation.dynamicMessage(dynamicValidate.refreshTimeLimit);//倒计时
             Biz.AccountCenter.CellPhoneValidation.resetRefreshGet();//重置时间
       });
        
    }
 }
Javascript 相关文章推荐
JS面向对象编程 for Cookie
Sep 19 Javascript
Javascript 读取操作Sql中的Xml字段
Oct 09 Javascript
jQuery中prevAll()方法用法实例
Jan 08 Javascript
Angularjs material 实现搜索框功能
Mar 08 Javascript
js 获取范围内的随机数实例代码
Aug 02 Javascript
jquery 实现回车登录详解及实例代码
Oct 23 Javascript
巧用数组制作图片切换js代码
Nov 29 Javascript
利用Javascript实现一套自定义事件机制
Dec 14 Javascript
vue的传参方式汇总和router使用技巧
May 22 Javascript
vue中$set的使用(结合在实际应用中遇到的坑)
Jul 10 Javascript
JS中实现一个下载进度条及播放进度条的代码
Jun 10 Javascript
原生JavaScript实现日历功能代码实例(无引用Jq)
Sep 23 Javascript
innerText 使用示例
Jan 23 #Javascript
登陆成功后自动计算秒数执行跳转
Jan 23 #Javascript
检查输入的是否是数字使用keyCode配合onkeypress事件
Jan 23 #Javascript
html dom节点操作(获取/修改/添加或删除)
Jan 23 #Javascript
解决jquery插件冲突的问题
Jan 23 #Javascript
js实现日期级联效果
Jan 23 #Javascript
js日期、星座的级联显示代码
Jan 23 #Javascript
You might like
PHP中文汉字验证码
2007/04/08 PHP
PHP 中文处理技巧
2010/04/25 PHP
PHP中用接口、抽象类、普通基类实现“面向接口编程”与“耦合方法”简述
2011/03/23 PHP
PHP函数func_num_args用法实例分析
2015/12/07 PHP
PHP7正式版测试,性能惊艳!
2015/12/08 PHP
js变量以及其作用域详解
2020/07/18 Javascript
js querySelector和getElementById通过id获取元素的区别
2012/04/20 Javascript
jquery实现div拖拽宽度示例代码
2013/07/31 Javascript
JavaScript encodeURI 和encodeURIComponent
2015/12/04 Javascript
javascript实现标签切换代码示例
2016/05/22 Javascript
js中string和number类型互转换技巧(分享)
2016/11/28 Javascript
vue 2.0 购物车小球抛物线的示例代码
2018/02/01 Javascript
vue.js使用v-model指令实现的数据双向绑定功能示例
2018/05/22 Javascript
jQuery利用FormData上传文件实现批量上传
2018/12/04 jQuery
JavaScript实现打砖块游戏
2020/02/25 Javascript
python使用arp欺骗伪造网关的方法
2015/04/24 Python
Python 实现网页自动截图的示例讲解
2018/05/17 Python
纯python进行矩阵的相乘运算的方法示例
2019/07/17 Python
python 正则表达式贪婪模式与非贪婪模式原理、用法实例分析
2019/10/14 Python
python Canny边缘检测算法的实现
2020/04/24 Python
python百行代码自制电脑端网速悬浮窗的实现
2020/05/12 Python
Tensorflow tensor 数学运算和逻辑运算方式
2020/06/30 Python
Expected conditions模块使用方法汇总代码解析
2020/08/13 Python
IE8下CSS3选择器nth-child() 不兼容问题的解决方法
2016/11/16 HTML / CSS
Html5移动端获奖无缝滚动动画实现示例
2018/06/25 HTML / CSS
Jdbc数据访问技术面试题
2012/03/30 面试题
Python使用openpyxl复制整张sheet
2021/03/24 Python
八年级数学教学反思
2014/01/31 职场文书
区优秀教师事迹材料
2014/02/10 职场文书
公司会计主管岗位责任制
2014/03/01 职场文书
2014教师“四风问题”对照检查材料思想汇报
2014/09/16 职场文书
普通党员个人剖析材料
2014/10/08 职场文书
文体活动总结
2015/02/04 职场文书
有关西游记的读书笔记
2015/06/25 职场文书
2016年社区文体活动总结
2016/04/06 职场文书
java设计模式--七大原则详解
2021/07/21 Java/Android