17.JavaScript Coding setInterval

Or71nH 2020. 4. 17. 11:24

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <style>
      body{
          padding:0;
          margin:0;
      }
      div{
          border:50px solid #1065e6;
          padding:50px;
          margin:50px;
      }
      #target{
          width:100px;
          height:2000px;
      }
    </style>
        <div>
            <div id="target">
                Coding
            </div>
        </div>

    <script>
    var t = document.getElementById('target');
    setInterval(function(){
        console.log('getBoundingClientRect : ', t.getBoundingClientRect().top, 'pageYOffset:', window.pageYOffset);
    }, 1000)
    </script>
  </body>

</html>

SetInterval 이것은

1번째 인자의 부분을

2번째 인자의 시간으로 계속 불어온다