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 相关文章推荐
Javascript string 扩展库代码
Apr 09 Javascript
jQuery 事件的命名空间简单了解
Nov 22 Javascript
在百度知道团队中快速审批新成员的js脚本
Feb 02 Javascript
javascript继承机制实例详解
Nov 20 Javascript
node.js中的fs.close方法使用说明
Dec 17 Javascript
javaScript生成支持中文带logo的二维码(jquery.qrcode.js)
Jan 03 Javascript
js实现仿购物车加减效果
Mar 01 Javascript
教你快速搭建Node.Js服务器的方法教程
Mar 30 Javascript
angular directive的简单使用总结
May 24 Javascript
JavaScript实现获取两个排序数组的中位数算法示例
Feb 26 Javascript
vue移动端屏幕适配详解
Apr 30 Javascript
Vue基于localStorage存储信息代码实例
Nov 16 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
下载文件的点击数回填
2006/10/09 PHP
PIGCMS 如何关闭聊天机器人
2015/02/12 PHP
MySql数据库查询结果用表格输出PHP代码示例
2015/03/20 PHP
PHP 7的一些引人注目的新特性简单介绍
2015/11/08 PHP
详谈phpAdmin修改密码后拒绝访问的问题
2017/04/03 PHP
a标签的css样式四个状态
2021/03/09 HTML / CSS
javascript常用的正则表达式实例
2014/05/15 Javascript
关于JavaScript命名空间的一些心得
2014/06/07 Javascript
js中一维数组和二位数组中的几个问题示例说明
2014/07/17 Javascript
jQuery解析XML与传统JavaScript方法的差别实例分析
2015/03/05 Javascript
javascript实现删除前弹出确认框
2015/06/04 Javascript
深入浅析JavaScript中的constructor
2016/04/19 Javascript
JavaScript判断数字是否为质数的方法汇总
2016/06/02 Javascript
jQuery通用的全局遍历方法$.each()用法实例
2016/07/04 Javascript
Jquery调用iframe父页面中的元素及方法
2016/08/23 Javascript
妙用Bootstrap的 popover插件实现校验表单提示功能
2016/08/29 Javascript
深入浅析JS是按值传递还是按引用传递(推荐)
2016/09/18 Javascript
nodejs multer实现文件上传与下载
2017/05/10 NodeJs
JavaScript链式调用原理与实现方法详解
2020/05/16 Javascript
Python中使用asyncio 封装文件读写
2016/09/11 Python
python中os模块详解
2016/10/14 Python
python实现下载文件的三种方法
2017/02/09 Python
Python StringIO及BytesIO包使用方法解析
2020/06/15 Python
Pytorch损失函数nn.NLLLoss2d()用法说明
2020/07/07 Python
Python三维绘图之Matplotlib库的使用方法
2020/09/20 Python
"引用"与多态的关系
2013/02/01 面试题
JavaScript获取当前url根目录(路径)
2014/02/19 面试题
打造完美自荐信
2014/01/24 职场文书
优秀团员事迹材料2000字
2014/08/20 职场文书
社区学习党的群众路线教育实践活动心得体会
2014/11/03 职场文书
2014年餐厅服务员工作总结
2014/11/18 职场文书
幼儿园大班教师个人工作总结
2015/02/05 职场文书
管辖权异议上诉状
2015/05/23 职场文书
污染环境建议书
2015/09/14 职场文书
【HBU】数据库第四周 单表查询
2021/04/05 SQL Server
PyTorch的Debug指南
2021/05/07 Python