How to disable three.js object?

Question

css

Let's say I want to use animation on only one page. And on the site, transitions do not refresh the page, that is, only the content is loaded and changed. Therefore, when switching to another page, the script continues to work. This is not good. How to "legitimately" turn it off? Ideally, delete the three,js object and all its tails altogether. And if they visit the page with this animation again, then re-initialize the script. I dug around a lot. I just stumbled upon deleting objects in the three js object itself. But after all, the script continues to work and try to start the animation.

Answer 1

Why disable three.js at all? Just enough to stop the render.

Answer 2

The easiest option is to put this animation in an iframe. This is what we have done in our project