setTimeout() 和 setInterval() 的用法和区别

1、setTimeout()

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。

可使用 clearTimeout() 方法来阻止函数的执行。

（1）语法

setTimeout(code, milliseconds, param1, param2, ...)

setTimeout(function, milliseconds, param1, param2, ...)

（2）参数

　　code/function =>必需。要调用一个代码串，也可以是一个函数。

　　milliseconds =>可选。执行或调用 code/function 需要等待的时间，以毫秒计。默认为 0。

　　param1, param2, ... =>可选。 传给执行函数的其他参数（IE9 及其更早版本不支持该参数）。

（3）返回值

　　返回一个 ID（数字），可以将这个 ID 传给 clearTimeout() 取消执行

例子

//3秒钟隐藏 div 标签

setTimeout(function() { $("#divShowInfo").fadeOut("slow"); }, 3000);

2、setInterval()

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。

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

语法、参数、返回值　同setTimeout()

例子

var myVar;

function myFunction() {

myVar = setInterval(alertFunc, 3000);

}

function alertFunc() {

alert("Hello World!");

}

3、 clearTimeout()

例子

var myVar;

function myFunction()

{

myVar = setTimeout(function(){ alert("Hello") }, 3000);

}

function myStopFunction()

{

clearTimeout(myVar);

}

setTimeout() 和 clearTimeout() 结合的例子 计数器，可停止

<button οnclick="startFun()">开始</button>

<input type="text" id="txtNum">

<button οnclick="stopFun()">停止</button>

<script>

var num = 0;

var t;

var begin=0;

function AddNum()

{

$("#txtNum").val()=num ;

num+=1;

t=setTimeout(function(){AddNum()},1000);

}

function startFun()

{

if(!begin)

{

begin=1;

AddNum();

}

}

function stopFun()

{

clearTimeout(t);

begin=0;

}

</script>