javascript - 使用 mousemove 延迟 Jquery CSS 动画

Question

我一直在尝试将这个依赖于 mousemove 的 jquery css 动画延迟 10 秒。我试过像这样同时使用 .delay 和 .setInterval 但没有成功:

$(document).delay(10000).ready(function () 

但是，它们似乎并不适合我。有可能是我放错地方了。我在下面列出了带有代码的 jsfiddle 链接。如果有人可以帮助我，那就太棒了。

JSFiddle:https://jsfiddle.net/oekhedr/eeh950b7/39/#&togetherjs=4Bsp9CVtlB

非常感谢

Answer 1

您可以在您的 mousemove 事件中添加一个(纯 JavaScript)setTimeout，如下所示:

setTimeout(function() {
  // do something here, but it will only start after 10 seconds have passed
},10000);

.delay() 仅适用于某些 jQuery 效果。这是使用您的代码的 fiddle :https://jsfiddle.net/eeh950b7/42/