setTimeout和setInterval的区别（面试题）

settimeout和setinterval区别

setTimeout（表达式，时间）  =>  是指延迟指定时间后才调用函数，调用次数仅一次；

setInterval（表达式，时间）    => 是指每隔指定的时间就指定表达式，次数不为一，好比设置时间为四秒，每隔四秒就执行眨眼这个操作，循环操作下去；

业务场景的区别

·setTimeout用于延迟执行某方法或功能。

·setInterval则一般用于刷新表单，对于一些表单的假实时指定时间刷新同步。

注：

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

实例演示

<script>

    setTimeout("alert('主人, 三秒钟已到了')", 3000 )

</script>

　　打开上面代码网页，三秒后就会出现一个 alert 对话盒，提示“主人, 三秒钟已到了”

setInterval（）实例演示

<script>
setInterval("showTime()", 5000);
function showTime()
{
    var today = new Date();
    alert("The time is: " + today.toString());
}

</script>

　　注：

尽量不要用setInterval()

原因如下：

(1)setInterval()无视代码错误

setInterval有个讨厌的习惯，即对自己调用的代码是否报错这件事漠不关心。换句话说，如果setInterval执行的代码由于某种原因出了错，它还会持续不断(不管不顾)地调用该代码。

(2)setInterval无视网络延迟

假设你每隔一段时间就通过Ajax轮询一次服务器，看看有没有新数据(注意：如果你真的这么做了，那恐怕你做错了;建议使用“补偿性轮询”(backoff polling))。而由于某些原因(服务器过载、临时断网、流量剧增、用户带宽受限，等等)，你的请求要花的时间远比你想象的要长。但setInterval不在乎。它仍然会按定时持续不断地触发请求，最终你的客户端网络队列会塞满Ajax调用。

(3)setInterval不保证执行

与setTimeout不同，你并不能保证到了时间间隔，代码就准能执行。如果你调用的函数需要花很长时间才能完成，那某些调用会被直接忽略。