<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>jq 倒計時代碼發送驗證碼</title><script language="javascript"> //倒計時 var times = 60; function waitTime() { if (times == 0) { $("#codeButton").removeAttr("disabled").val("重新獲取驗證碼"); times = 60; } else { $("#codeButton").attr("disabled", true).val("在(" + times + ")秒后重新發送"); times--; setTimeout(function() {waitTime()},1000) } } //Ajax無刷新GET方式 發送驗證碼 $("#codeButton").on('click',function(){ var telphone=$('#telphone').val(); $.ajax({ type: "GET", url: "XXOO", data: {telphone:telphone}, success: function(data){ waitTime(); } }); });</script></head><body><label>請輸入手機號碼: <input type="text" id="telphone" name="telphone" /></label><label> <input type="button" id="codeButton" value="獲取驗證碼"/></label><label>請輸入驗證號碼: <input type="text" id="rcode"/></label></body></html>
新聞熱點
疑難解答