BOM之定时器

定时器

概述：BOM对象给我们提供了很多属性和方法，其中最为重要的一个方法是定时器，定时器是每隔一段时间，执行一次回调函数。
语法格式：

setInterval(callback, time);

<script type="text/javascript">
  setInterval(function (){
      console.log("定时任务执行");
  },1000);

  console.log("我是定时器后面的代码");

  clearInterval(1);
</script>

异步语句

先执行异步语句后面的代码，回首再执行异步。

运动套路

概述：在前端领域中经常会出现元素运动效果，实现原理无非：定时器+改变元素的left、top

<script type="text/javascript">
  var div = document.querySelector("div");

  var l=0;
  var t=0;
  setInterval(function (){
      l+=10;
      t+=10;
      if(l>=300) l=300;
      div.style.left=l+"px";
      div.style.top=t+"px";
  },100);
</script>