Как включить скрипт в код javascript?

Question

Я хочу реализовать следующий код, чтобы улучшить производительность моего сайта и попытаться запустить сценарий после прокрутки и подождать 1 секунду.

<script type="text/javascript">
  window.addEventListener('scroll',() =>
        setTimeout(() => {

       //Delay calendly
            <script type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js"></script>

        }, 1000);                                           
  );

</script>

У меня есть этот календарный сценарий, который я хочу отложить. Дело в том, что я не могу включить этот скрипт в другой скрипт, так есть ли способ сделать это?

Спасибо!

Answer 1

Вы можете сделать это только с ванильным домом:

// ... something happens
var scr_elem = document.createElement('script');
scr_elem.type = 'text/javascript'
scr_elem.src = 'https://assets.calendly.com/assets/external/widget.js'
document.body.appendChild(scr_elem);

Answer 2

Вы можете создать сценарий dynamically и добавить его к head/body.

let timer;
window.addEventListener("scroll", () => {
  if (!timer) {
    timer = setTimeout(() => {
      const script = document.createElement("script");
      script.type = "text/javascript";
      script.src = "https://assets.calendly.com/assets/external/widget.js";
      document.body.appendChild(script);
    }, 1000);
  }
});