使用mousemove延迟Jquery CSS动画

Question

我一直在尝试将此jquery CSS动画延迟10秒，这取决于mousemove。 我尝试过像。这样成功地同时使用.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效果。 这是使用您的代码的小提琴： https : //jsfiddle.net/eeh950b7/42/