How to include script inside javascript code?

Question

I want to implement the following code to improve my site performance and try to fire the script after scroll and wait 1 second.

<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>

I have this calendly script that I want to delay. The thing is I can't include the script inside another script, so, are there any way to make it?

Thanks!

No, there's no way to add a script tag inside a script tag. You can create a new script element and place it somewhere in the DOM tree. — Teemu
– Teemu, Commented May 7, 2020 at 14:08

Gavin · Accepted Answer · 2020-05-07 14:08:34Z

2

You can do this with only the vanilla dom:

// ... 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);

answered May 7, 2020 at 14:08

Gavin

2,3852 gold badges19 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

JFelix Over a year ago

Thanks Gavin, it just work perfecly! I will take for future projects, really appreciate it!

xdeepakv · Accepted Answer · 2020-05-07 14:24:31Z

0

You can create a script dynamically and append to the 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);
  }
});

edited May 7, 2020 at 14:24

answered May 7, 2020 at 14:10

xdeepakv

8,1452 gold badges25 silver badges35 bronze badges

Collectives™ on Stack Overflow

How to include script inside javascript code?

2 Answers 2

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Related