同步和异步以及回调函数

Posted 2020-10-13 amandaj

一、同步

<script type="text/javascript">
     for(var i=0; i<100; i++){ //先执行循环* ，在输出222
        console.log(‘*‘)
     }
     console.log(222);

</script>

二、异步

<script type="text/javascript">
     setInterval(function(){ //先输出111，再输出定时*
        console.log(‘*‘);
     },0)
     console.log(111);
</script>

三、回调函数

 

<script type="text/javascript">
    var count=0;
    setInterval(function(){
      count++;
      console.log(1);
       if(count==20){ //当数据等于20的时候，执行callback函数
         callback();
       }
    },10)

    function callback(){
    alert(‘星星输入完毕‘)
    document.body.style.backgroundColor="greenyellow"

    }
</script>