setTimeout和setInterval的区别

时间 2019-12-05

标签 settimeout setinterval 区别繁體版

原文原文链接

虽然网上有不少二者区别的文章，可是常常搞混了，好记性不如烂笔头，记录一下。
语法：javascript

setTimeout(code,millisec);
setInterval(code,millisec[,"lang"])

它们都有两个参数，一个是将要执行的代码字符串，还有一个是以毫秒为单位的时间间隔，当过了那个时间段以后就将执行那段代码。
这两个函数的区别就在于，setInterval在执行完一次代码以后，通过了那个固定的时间间隔，它还会自动重复执行代码，而setTimeout只执行一次那段代码。
每5秒alert一次时间java

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

setTimeout也能够实现，代码以下：函数

var showTimes=null;
showTime();
function showTime()
{
    var today = new Date();
    alert("The time is: " + today.toString());
    showTimes=setTimeout("showTime()", 5000);
}

这样写是否是看起来没有什么区别，可是setTimeout方法不会每隔5秒钟就执行一次showTime函数，它是在每次调用setTimeout后过5秒钟再去执行showTime函数。这意味着若是showTime函数的主体部分须要1秒钟执行完，那么整个函数则要每6秒钟才执行一次。而setInterval却没有被本身所调用的函数所束缚，它只是简单地每隔必定时间就重复执行一次那个函数。code

因此这两个函数需根据不一样的情景去使用，若是须要在每隔一个固定的时间间隔后就精确地执行某动做，那么最好使用setInterval，而若是不想因为连续调用产生互相干扰的问题，尤为是每次函数的调用须要繁重的计算以及很长的处理时间，那么最好使用setTimeout。对象

setInterval和setTimeout都返回定时器对象标识符，用于clearInterval和clearTimeout调用
eg:ip

clearTimeout(showTimes) //清除已设置的setTimeout对象
clearInterval(showTimes) //清除已设置的setInterval对象