定时器典型面试题

142 阅读1分钟
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>定时器面试题</title>
</head>

<body>
    <script>
           for (var i = 0; i < 10; i++) {
              setTimeout(()=>{
                  console.log(i);   //   使用 var i = 0 时,打印 10次  10 

              },0)

           }
           for (let i = 0; i < 10; i++) {
              setTimeout(()=>{
                  console.log(i);   //   使用 let i = 0 时, 0 - 9

              },0)

           }

        for (var i = 0; i < 10; i++) {
             setTimeout((i)=>{
                 console.log(i);    // 0 - 9
              },0,i)    
        }


      for (var i = 0; i < 4; i++) {

       var tc = setTimeout((i)=>{
           console.log(i);           //  0 1 2 
           clearTimeout(tc)
           
       },0,i)
             }

    for (let i = 0; i < 4; i++) {
      var tc = setInterval((i,tc)=>{
          console.log(i);        // 0 1 2 3(无限循环)
          clearInterval(tc)
          
      },0,i,tc)
        
    }


    // var tc = setInterval((i,tc)=>{
    //     console.log(i);             
    //     clearInterval(tc)
    // },0,0,tc)

    // var tc = setInterval((i,tc)=>{
    //     console.log(i);
    //     clearInterval(tc)
    // },0,1,tc)

    // var tc = setInterval((i,tc)=>{
    //     console.log(i);
    //     clearInterval(tc)
    // },0,2,tc)

    // var tc = setInterval((i,tc)=>{
    //     console.log(i);
    //     clearInterval(tc)
    // },0,3,tc)












    </script>
</body>

</html>