10.1 콜백

[lim-jiwoo]

window.onload = f() 이벤트 리스너를 할당하고 함수 f 안에서 setTimeout을 사용할 때, delay 시간을 0으로 설정하면 transition이 일어나지 않고 1 이상으로 설정하면 transition이 일어나는 이유

// 예시 코드 (과제 코드 중)

<script>
  window.onload = showCircle(150, 150, 100);

  function showCircle(cx, cy, radius, callback) {
    let div = document.createElement('div');
    div.style.width = '10px';
    div.style.height = '10px';
    div.style.left = '100px';
    div.style.top = '100px';
    div.className='circle'
    document.body.append(div);

    setTimeout(() => {
      div.style.width = radius * 2 + 'px';
      div.style.height = radius * 2 + 'px';
      div.style.top = '200px';
      div.style.left = '200px';
    }, 1); 
  }
</script>