【JavaScript】关于 setInterval() 调用函数方法的一次实验

实验主题：

setInterval() 方法是 JS 中比较经常使用的一个方法。setInterval() 方法能够按照指定的周期 ( 毫秒 ) 来调用函数方法或计算表达式。

setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口关闭。由 setInterval() 返回的 ID 值可用做 clearInterval() 方法的参数。

注：1000 毫秒 = 1秒

setInterval() 语法：

setInterval(code, millisec, lang)

参数	描述
code	必须。要调用的函数或要执行的代码串。
millisec	必须。周期性的执行或调用 code 之间的时间间隔。
lang	可选。JScript | VBScript | JavaScript

setInterval() 返回值：number值，是一个能够传递给 Window.clearInterval() 从而取消对 code 的周期性执行的值。测试代码：

var id = setInterval("foo1()",100);
alert(typeof(id));

setInterval() 做为 JavaScript 的一个计时事件，可使代码在一个设定的时间内反复的执行屡次，而不是在函数被调用后当即执行，这就是咱们的计时事件。JavaScript 的另外一个计时事件是 setTimeout()，他们两个都是 HTML DOM Window 对象的方法。

由于是 Window 的对象方法，因此加前缀 " window. " 对调用没有什么影响。另外，clearInterval() 也是 Window 的对象方法。

实验测试：

var foo1 = new Function("return alert('!!!')");//正常运行，并且刚开始时不会执行
setInterval(foo1,2000);//注意：Function不能写成function

var foo2 = new Function("alert('!!!')");//正常运行，并且刚开始时不会执行
setInterval(foo2,2000);

var foo3 = new Function(return alert('!!!'));//错误，抛出异常："Uncaught SyntaxError: Unexpected token return"
setInterval(foo3,2000);

var foo4 = new Function(alert('!!!'));//刚开始运行一次，没有异常
setInterval(foo4,2000);

setInterval(function(){alert("!!!")},2000);//正常运行，并且刚开始时不会执行

setInterval(foo5(),2000);//刚开始运行一次，没有异常，执行一次的缘由多是载入过程当中执行
function foo5(){
	alert("!!!");
};

function foo6(){
	alert("!!!");
};
setInterval(foo3(),2000);//注释掉这里不会运行函数，因此并非载入脚本时自动执行的函数，而是被setInterval()调用执行了一次

setInterval("foo7()",2000);//正常运行，并且刚开始时不会执行
function foo7(){
	alert("!!!");
};

function foo8(){//正常运行，并且刚开始时不会执行
	alert("!!!");
};
setInterval("foo8()",2000);

setInterval("foo9",2000);
function foo9{//错误，抛出异常："Uncaught SyntaxError: Unexpected token {"
	alert("!!!");
};

function foo10(){//不会执行调用函数
	alert("!!!");
};
setInterval("foo10",2000);

function foo11(){//正常运行，并且刚开始时不会执行
	alert("!!!");
};
setInterval(foo11,2000);

实验总结：

要想经过 setInterval() 方法正常调用执行函数，有三种方法：

• 经过 new 建立一个函数字面量，如 foo1
• 声明一个函数，而后经过字符串的形式调用，如 foo7
• 若是函数没有参数，则能够 foo11 的形式调用函数

附：若是须要中止计时事件，则须要这样：

var id = setInterval("foo1()",100);
function foo2(){
	clearInterval(id);
}

中止计时事件须要给出被中止的事件的 id。