js中的计时事件

计时事件：在一个设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。
实现计时事件有两种方法，setInterval() 和setTimeout()。
（1）setInterval() - 间隔指定的毫秒数不停地执行指定的代码。
（2）setTimeout() - 在指定的毫秒数后执行指定代码。

setInterval() 的使用方法
setInterval()方法里可以接收两个参数 ，setInterval(“javascript function”,milliseconds);
第一个参数是函数，第二个参数是时间，单位是毫秒。
function demo(){
alert(“Hello world！”);
}
setInterval(demo，1000);　　//没隔1s弹出Hello world!
下面是我在写表单验证时写的一个定时器

var timer = null;
mima.onfocus = function () {
timer = setInterval(function () {
var reg1 = /(?!.*\s)(?!^{[\u4e00-\u9fa5]+$)(?!^[0-9]+$)(?!}[A-z]+KaTeX parse error: Double superscript at position 7: )(?!^[^̲A-z0-9]+)/;//匹配字符，字母，数字中的两种
var reg2 = /(^\s+)|(\s+KaTeX parse error: Undefined control sequence: \s at position 3: )|\̲s̲+/g;//匹配空格 …/;//匹配8到16位字符，字母，数字。
errortips2.style.display = “block”;
errortips2_ul.style.display = “block”;
errortips3.style.display = “block”;
errortips4.style.display = “block”;
errortips5.style.display = “none”;
mima.style.border = “1px #549df8 solid”
if (reg2.test(mima.value)) {
errortips2.style.background = “url(‘images/info.png’) no-repeat 0% 100%”;
return false;
} else{
errortips2.style.background = “url(‘images/green.png’) no-repeat 0% 100%”;
return true;
}
}, 50)

}
这里用到了第一种计时事件setInterval()
而清除setInterval() 事件需要用到clearInterval() 方法，clearInterval(timer)，清除setInterval()。

第二种方法setTimeout()：
function demo2(){
alert(“Hello world!”);}setTimeout(demo2,2000);　　//2s后弹出 Hello world!
清除setTimeout()方法：
var timer=function demo2(){
alert(“Hello world!”);}
setTimeout(demo2,2000);　//2s后弹出Hello world!
clearTimeout(timer);