Как включить функцию после загрузки страници?

 

  <meta charset="utf-8">

 

  <script src="https://js.cx/libs/animate.js"></script>

#brick {

  width: 40px;

  height: 20px;

  background: #EE6B47;

  position: relative;

  cursor: pointer;

}

 

#path {

  outline: 1px solid #E8C48E;

  width: 540px;

  height: 20px;

}

 

 

  <div id="path">

    <div id="brick"></div>

  </div>

 

  <script>

    function makeEaseOut(timing) {

      return function(timeFraction) {

        return 1 - timing(1 - timeFraction);

      }

    }

 

    function bounce(timeFraction) {

      for (var a = 0, b = 1, result; 1; a += b, b /= 2) {

        if (timeFraction >= (7 - 4 * a) / 11) {

          return -Math.pow((11 - 6 * a - 11 * timeFraction) / 4, 2) + Math.pow(b, 2)

        }

      }

    }

 

    var bounceEaseOut = makeEaseOut(bounce);

 

    brick.onclick = function() {

      animate({

        duration: 3000,

        timing: bounceEaseOut,

        draw: function(progress) {

          brick.style.left = progress * 500 + 'px';

        }

      });

    };

  </script>