自学前端，你必须要掌握的3种定时任务

在前端开发中，我们常常需要使用定时任务来完成一些自动化的操作，比如轮播图、定时刷新等等。以下是自学前端时必须掌握的3种定时任务：

1. setInterval()：这个方法可以按照指定的时间间隔重复执行代码。例如，以下代码每隔1秒钟输出一次“Hello World!”：

   setInterval(function() {
       console.log("Hello World!");
   }, 1000);
   
   

   setInterval()方法会每隔一段时间执行一次指定的代码，因此它很适合用于制作定时刷新或轮播图等功能。但是需要注意的是，如果代码执行时间过长，就会导致定时任务不准确，因此在使用setInterval()方法时需要特别注意代码的执行时间。

2. setTimeout()：这个方法可以在指定的时间后执行一次代码。例如，以下代码在3秒钟后输出“Hello World!”：

   setTimeout(function() {
       console.log("Hello World!");
   }, 3000);
   
   

   setTimeout()方法在一定时间后执行一次指定的代码，因此它很适合用于制作倒计时、延迟加载等功能。需要注意的是，setTimeout()方法只会执行一次代码，如果需要重复执行，需要多次调用该方法。

3. requestAnimationFrame()：这个方法可以在下一次浏览器重绘之前执行一次代码。它比setInterval()和setTimeout()更加高效，因为它会根据浏览器的刷新率来进行调度。以下代码每隔1/60秒执行一次代码：

   function loop() {
       console.log("Hello World!");
       requestAnimationFrame(loop);
   }
   
   requestAnimationFrame(loop);
   
   

   requestAnimationFrame()方法可以让代码在每一帧之前执行，因此它很适合用于制作动画效果等高频率操作。需要注意的是，requestAnimationFrame()方法会在浏览器切换到后台时自动停止执行，因此它不适合用于后台运行的定时任务。

以上就是自学前端时必须掌握的3种定时任务。它们可以让我们的前端代码更加灵活、高效，也是面试中经常会涉及到的知识点。希望这篇文章能够帮助到正在自学前端的你！