如何在一段时间后调用particleJS？

Question

我正在使用particlesJS创建一个页面。我将其用作背景，但问题在于，我想在页面加载后的10秒内显示particlesJS动画。我不能对#particle-js执行display:none来控制10秒，因为这样会导致所有内容在10秒内隐藏，而我不想隐藏内容而是隐藏动画本身。我猜我应该在app.js文件中使用setTimeout或其他一些方法，但是我不知道如何操作，因为我对JS很菜。谢谢大家！

<div id="particles-js"> ALL WEBSITE CONTENT </div>
<script type="text/javascript" src="js/particles.min.js"></script>
<script type="text/javascript" src="js/app.js"></script>
and app.js file: 
particlesJS('particles-js', {animations};);

- Bogdan Florin

---

setTimeout(function(){ //在此处编写代码 }, 10000); - Leo

Answer 1

试试这样的做法。

    window.addEventListener('load', function() {
        setTimeout(function(){ 
            //code here 
            particlesJS('particles-js', {animations};);
        }, 10000);
})

当页面加载时，10秒钟的倒计时开始。

注：1000毫秒=1秒->10000毫秒=10秒。

- Leo