The difference between settimeout() and setinterval()

summary

JavaScript Two types of timers are provided in setTimeout() And setInterval(), since JavaScript Two methods are provided , So what's the difference between the two methods ？ Let's take a look today .

setTimeout() :

setTimeout() Only execute code once , See the following code if you don't understand ：

function uw3cTimed()
{
    
    var i = 1;
    var t=setTimeout(function(){
    
        document.write(i)
        i++;
    },1000)
}
uw3cTimed();

setInterval()：

setInterval() Will execute N return , As long as you don't stop , It will always execute .

function uw3cTimed()
{
    
    var i = 1;
    var t=setInterval(function(){
    
        document.write(i)
        i++;
    },1000)
}
uw3cTimed();

Although the above code is executed , You will see every... In the page 1 Seconds will add a number ：1 2 3 4 5 6 7… Until you stop the timer or close the page .

How to use setTimeout() Realization setInterval() The effect of ：

See the difference above , But I use setTimeout(), I want to achieve setInterval() What about the effect of ？ Look at the code below ：

var i = 1;
function uw3cTimed()
{
    
    var t=setTimeout(function(){
    
        document.write(i)
        i++;
        uw3cTimed();
    },1000)
 
}
uw3cTimed();

How to stop the timer ：

Now that you know the timer , So how do we stop or stop when certain conditions are met ？

function uw3cTimed()
{
    
    var i = 1;
    var t=setInterval(function(){
    
        document.write(i)
        if(i == 5){
    
            clearTimeout(t)
        }
        i++;
    },1000)
}
uw3cTimed();

See? , When i==5 Automatically stop when .
（ Compared some explanations on Baidu , I put the difference between the two more easily understood , Share with you succinctly . from here ）