JS setTimeout和setInterval的区别
setTimeout() 是属于 window 的方法，该方法用于在指定的毫秒数后调用函数或计算表达式。
语法
setTimeout(code, milliseconds, param1, param2, ...) setTimeout(function, milliseconds, param1, param2, ...)
| 参数 | 描述 |
|---|---|
| code/function | 必需。要调用一个代码串，也可以是一个函数。 |
| milliseconds | 可选。执行或调用 code/function 需要等待的时间，以毫秒计。默认为 0。 |
| param1, param2, ... | 可选。 传给执行函数的其他参数（IE9 及其更早版本不支持该参数）。 |
| 返回值: | 返回一个 ID（数字），可以将这个ID传递给 clearTimeout() 来取消执行。 |
|---|
setTimeout("alert('对不起, 要你久候')", 3000 )<p id="content"> 请等三秒钟!</p>
<script>
setTimeout("changeState()",3000 );
function changeState(){
let content=document.getElementById('content');
content.innerHTML="<div style='color:red'>我是三秒后显示的内容！</div>";
}
</script>setTimeout() 方法可以使到浏览器不断执行一段代码或一个函数 当一个 setTimeout( ) 开始了循环的工作, 我们要使它停下来, 可使用 clearTimeout( ) 这方法。
clearTimeout() 语法：
clearTimeout(timeoutID)
timeoutID 为调用 setTimeout() 函数时所获得的返回值，使用该返回标识符作为参数，可以取消该 setTimeout() 所设定的定时执行操作。
meter1 =setTimeout("count1()", 1000)
meter2 =setTimeout("count2()", 1000)
使用 meter1 与 meter2 作为 timeoutID 的名称, 在设定 clearTimeout( ) 时, 就可指定对哪一个 setTimeout() 有效, 不会影响另一个 setTimeout() 的操作。
<form name="display1">
<input type="text" id="box1" name="box1" value="0" size="4" />
<input type="button" value="停止计时" onclick="clearTimeout(meter1)" />
<input type="button" value="继续计时" onclick="count1() " />
</form>
<p></p>
<form name="display2">
<input type="text" id="box2" name="box2" value="0" size="4" />
<input type="button" value="停止计时" onclick="clearTimeout(meter2) " />
<input type="button" value="继续计时" onclick="count2( ) " />
</form>
<script>
x = 0
y = 0
function count1( )
{
x = x+ 1
document.getElementById("box1").value= x
meter1=setTimeout("count1()", 1000)
}
function count2( )
{
y = y+ 1
document.getElementById("box2").value= y
meter2=setTimeout("count2()", 1000)
}
// 执行函数
count1( )
count2( )
</script>1.setTimeout（设置超时）和setInterval（设置时间间隔）都属于JS中的定时器，可以规定延迟时间再执行某个操作，不同的是setTimeout在规定时间后执行完某个操作就停止了，而setInterval则可以一直循环下去。
function fun(){
alert('hello');
}
setTimeout(fun,1000);//参数是函数名
setTimeout('fun()',1000);//参数是字符串
setInterval(fun,1000);
setInterval('fun(),1000');上述代码中，无论是setTimeout还是setInterval，在使用函数名作为调用句柄时不能带参数，使用字符串调用时可以带参数。例如：setTimeout(‘fun(name)’,1000);
2.不再单独再定义一个函数，直接将函数调用放在一个函数里面，可以使用函数名作为调用调用句柄。
function fun(name){
alert('hello'+' '+name);
}
setTimeout (function(){
fun('Tom');
},1000);//参数是函数名
上述代码中，setTimeout和setInterval的区别就是setTimeout延迟一秒弹出’hello’,之后便不再运行；而setInterval则会隔一秒弹出’hello’,直至用clear来清除定时器的语法。