JS獲取驗證碼後倒計時不受重新整理及關閉影響

2022-02-04 08:17:22 字數 1042 閱讀 8606

html部分

type="button" id="code_btn" value="獲取驗證碼">   

js部分

//獲取驗證碼

$(function()

$.ajax(,

datatype: "json",

success: function(data) else if(data.error_code == 1) else if(data.error_code == 2) else if(data.error_code == 3) else

}});

addcookie("secondsremained", 60, 60); //新增cookie記錄,有效時間60s

settime($("#code_btn")); //開始倒計時

})var v = getcookievalue("secondsremained") ? getcookievalue("secondsremained") : 0;//獲取cookie值

if(v > 0)

})//傳送驗證碼時新增cookie

function addcookie(name, value, expireshours)

document.cookie = cookiestring;

}//修改cookie的值

function editcookie(name, value, expireshours)

document.cookie = cookiestring;

}//根據名字獲取cookie的值

function getcookievalue(name)

}}//開始倒計時

var countdown;

function settime(obj)

editcookie("secondsremained", countdown, countdown + 1);

}, 1000) //每1000毫秒執行一次

}

驗證碼倒計時,不受頁面重新整理影響

將點選時的時間存入localstorage,與現在的時間進行比較,這樣重新整理也不會影響倒計時了。var timer timer變數,控制時間 var curcount 當前剩餘秒數 function sendmessage timer處理函式 function setremaintime else...

ajax獲取驗證碼後倒計時不受頁面關閉及重新整理影響

html部分 type button id code btn value 獲取驗證碼 js部分 獲取驗證碼 function ajax datatype json success function data else if data.error code 1 else if data.error c...

js 驗證碼的倒計時,防重新整理

請輸入手機號碼 class btn input group addon 獲取驗證碼button div div const getverificationcodebtn document.queryselector input group addon var timenum var times le...