**
對JavaScript的定時器、表單校驗相關知識的整理
**
第一次發表，若有不足請見諒。
定時器
1.setinterval（“test（）”，3000）每隔多少毫秒之後執行一次函數
Clearinterval（）清空
實例：script部分
function test(){
console.log(“調用了”);
}
var time ;
function starttime(){
time = setInterval(“test()”,2000);
}
function stoptime(){
clearInterval(time);
}
body裏面input標籤裏的內容
type=“button” οnclick=“starttime()” value=“111”/>
type=“button” οnclick=“stoptime()” value=“222”/>
然後在谷歌瀏覽器打開右擊檢查，你會發現在console內顯示下圖
2.setTimeout (“test（）”，3000) 多少毫秒之後執行一次函數
Cleartimeout（）清空
同上
3.timeID用在定時器調用之後
表單校驗
1.獲得焦點事件 onfocus
2.失去焦點事件 onblur
3.按鍵擡起事件 onkeyup
這裏我只說用戶名和密碼的校驗
用戶名script
/*
1. 確定事件 : onfocus
2. 事件要驅動函數
3. 函數要幹一些事情: 修改span的內容
/
function showTips(spanID,msg){
//獲得需要操作的span標籤
var span = document.getElementById(spanID);
span.innerHTML = msg;
}
/
校驗用戶名:
1.事件: onblur 失去焦點
2.函數: checkUsername()
3.函數去顯示校驗結果
*/
function checkUsername(){
//獲取用戶輸入的內容
var uValue = document.getElementById(“username”).value;
//對輸入的內容進行校驗
//獲得要顯示結果的span
var span = document.getElementById(“span_username”);
if(uValue.length < 6){
//顯示校驗結果
span.innerHTML = “對不起,太短”;
return false;
}else{
span.innerHTML = “恭喜您,可用”;
return true;
}
}
body部分
密碼校驗script
function showTips(spanPassword,msg){
var span = document.getElementById(spanPassword);
span.innerHTML = msg;
}
function checkPassword(){
var uPass = document.getElementById(“password”).value;
var span = document.getElementById(“span_password”);
if(uPass.length<6){
span.innerHTML = “對不起,太短”;
return false;
}else{
span.innerHTML = “恭喜您,夠用”;
return true;
}
}
function checkRePassword(){
var uPass = document.getElementById(“repassword”).value;
var span = document.getElementById(“span_repassword”);
if(uPass.length<6){
span.innerHTML = “對不起,兩次密碼不一致”;
return false;
}else{
span.innerHTML = “”;
return true;
}
}
body部分
