Question

所以我在JavaScript中有粒子对象，在某个时间之后被调用，就像这样：

setTimeout(function() {
  particle();
}, 3000);

现在我希望这个物体在3秒后慢慢地褪色到画布上，但我不知道怎么做。我尝试过使用jQuery fadeIn()函数，但它对该对象没有任何作用。

编辑：如果您想查看particle();背后的整个逻辑，我正在使用https://vincentgarreau.com/particles.js/中的库 particles.js 。你可以在那里找到一个有效的代码片段。除了粒子的样式之外，我没有更改代码。

非常感谢

Answer 1

我会用以下方式用jquery做。我这样做需要jquery缓动插件。你必须抓住相应的DOM元素并在其上做一些动画。

$(document).ready(function () {
var headline = $("#app-title");

// Do time out here

headline.css({'opacity': 0});
headline.show();
headline.animate({opacity: 1}, {
    step: function (now, mx) {
        headline.css({'opacity': opacity});
    },
    duration: 800,
    complete: function () {

    },
    //this comes from the custom easing plugin
    easing: 'easeInOutBack'
});
});

在一段时间后淡入Javascript对象

1 个答案: