css3 动画延迟向后兼容的替代方案

Question

这是一个直接的问题，没有代码(用于更改)....有没有人对如何在 css3 中实现使用动画延迟的替代方案有任何建议...我也在研究 JavaScript 中的任何内容/Jquery 可能会实现这个目标。

我基本上有一个背景，我用它作为装载机的幕布，大约 10 秒后它逐渐消失，离开主内容屏幕。

...不是那种 flash，但不太会用 Jquery。

div {
    -webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
    animation-delay: 2s;
}

Answer 1

您可以使用超时来安排它:

ES6

setTimeout( ()=> { $("#elm").hide(); }, 2e3 );

ES5

setTimeout( function () { $("#elm").hide(); }, 2e3 );

2e3:2000

的缩写

要获得更好的性能，请查看 requestAnimationFrame