手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js判断60秒以及倒计时示例代码
js判断60秒以及倒计时示例代码
摘要:用js判断60秒到计时,首先定义一个变量refreshTime,当触发事件的时候检查一下上一次请求成功的时间距离现在是否超过60秒,如果没有...

用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>"+$.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();//重置时间

});

}

}

【js判断60秒以及倒计时示例代码】相关文章:

jQuery实现控制文字内容溢出用省略号(…)表示的方法

javascript瀑布流式图片懒加载实例

js实现发送验证码后的倒计时功能

javascript实现table选中的行以指定颜色高亮显示

jQuery实现div随意拖动的实例代码(通用代码)

JS函数实现鼠标指向图片后显示大图代码

JavaScript实现简单的数字倒计时

Javascript随机显示图片的源代码

srcElement表格样式

打印/预览/设置的客户端代码

精品推荐
分类导航