js判斷60秒以及倒計(jì)時(shí)示例代碼
用js判斷60秒到計(jì)時(shí),首先定義一個(gè)變量refreshTime,當(dāng)觸發(fā)事件的時(shí)候檢查一下上一次請(qǐng)求成功的時(shí)間距離現(xiàn)在是否超過60秒,如果沒有超過60秒,則彈出提示,
否則則允許繼續(xù)請(qǐng)求,請(qǐng)求成功之后,把當(dāng)前的時(shí)間賦值給refreshTime,具體實(shí)現(xiàn)方式;
usingNamespace("Biz.AccountCenter")["CellPhoneValidation"]={
refreshTime:0, //變量
checkRefreshGet:function(timeLimit) //檢查時(shí)間,timelimit為傳入請(qǐng)求需要間隔的時(shí)間(單位秒),比如: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() //請(qǐng)求成功之后,調(diào)用的方法,把定義的變量重置為當(dāng)前時(shí)間
{
var nowTime = new Date();
var nowMinitePoint=nowTime.getHours()*3600+nowTime.getMinutes()*60+nowTime.getSeconds();
Biz.AccountCenter.CellPhoneValidation.refreshTime=nowMinitePoint;
},
dynamicMessage:function(timeSecond) //倒計(jì)時(shí)方法 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) //每次請(qǐng)求調(diào)用的方法
{
if(!Biz.AccountCenter.CellPhoneValidation.checkRefreshGet(dynamicValidate.refreshTimeLimit)) //每次請(qǐng)求的時(shí)候,js檢查60s時(shí)間間隔
{
$("#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);//倒計(jì)時(shí)
Biz.AccountCenter.CellPhoneValidation.resetRefreshGet();//重置時(shí)間
});
}
}
- 微信小程序?qū)崿F(xiàn)倒計(jì)時(shí)60s獲取驗(yàn)證碼
- 微信小程序動(dòng)態(tài)顯示項(xiàng)目倒計(jì)時(shí)效果
- 微信小程序電商常用倒計(jì)時(shí)實(shí)現(xiàn)實(shí)例
- Android中微信小程序支付倒計(jì)時(shí)功能
- 微信小程序 倒計(jì)時(shí)組件實(shí)現(xiàn)代碼
- AngularJS 驗(yàn)證碼60秒倒計(jì)時(shí)功能的實(shí)現(xiàn)
- 點(diǎn)擊按鈕出現(xiàn)60秒倒計(jì)時(shí)的簡(jiǎn)單js代碼(推薦)
- js代碼實(shí)現(xiàn)點(diǎn)擊按鈕出現(xiàn)60秒倒計(jì)時(shí)
- 微信小程序注冊(cè)60s倒計(jì)時(shí)功能 使用JS實(shí)現(xiàn)注冊(cè)60s倒計(jì)時(shí)功能
相關(guān)文章
Javascript中構(gòu)造函數(shù)要注意的一些坑
JavaScript語言是一門面向?qū)ο蟮恼Z言,但JS中并沒有類的概念的。于是JavaScript采用構(gòu)造函數(shù)的方式來模擬類的效果,即我們通過函數(shù)來創(chuàng)建對(duì)象。這也證明了函數(shù)在JavaScript中具有非常重要的地位。本文主要介紹了Javascript中構(gòu)造函數(shù)的一些坑,需要的朋友可以參考。2017-01-01
Echarts利用多X軸實(shí)現(xiàn)七天天氣預(yù)報(bào)效果的示例代碼
本文主要介紹了Echarts利用多X軸實(shí)現(xiàn)七天天氣預(yù)報(bào)效果的示例代碼,對(duì)于UI給出的設(shè)計(jì)圖,各個(gè)氣象網(wǎng)站都有類似的效果,分享給大家2021-10-10
JavaScript tab選項(xiàng)卡插件實(shí)例代碼
這篇文章主要介紹了JavaScript tab選項(xiàng)卡插件實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2016-02-02
說明你的Javascript技術(shù)很爛的五個(gè)原因
Javascript在互聯(lián)網(wǎng)上名聲很臭,但你又很難再找到一個(gè)像它這樣如此動(dòng)態(tài)、如此被廣泛使用、如此根植于我們的生活中的另外一種語言。2011-04-04
javascript insertAfter()定義與用法示例
這篇文章主要介紹了javascript insertAfter()定義與用法,實(shí)例分析了javascript節(jié)點(diǎn)后插入元素的實(shí)現(xiàn)與使用方法,需要的朋友可以參考下2016-07-07

