使用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/