Javascript "while hovered"循环

Question

谁能帮我解决这个问题...我有一个按钮，悬停时会触发一个 Action 。但我希望它在悬停按钮时一直重复。

我会很感激任何解决方案，无论是在 jquery 还是纯 javascript 中 - 这是我的代码此时的样子(在 jquery 中):

var scrollingposition = 0;

$('#button').hover(function(){
++scrollingposition;
    $('#object').css("right", scrollingposition);
    });

现在我如何将它放入某种 while 循环中，以便 #object 在 #button 悬停时逐像素移动 px，而不仅仅是当鼠标进入它时？

Answer 1

好的...另一个答案:

$('myselector').each(function () {
  var hovered = false;
  var loop = window.setInterval(function () {
    if (hovered) {
      // ...
    }
  }, 250);

  $(this).hover(
    function () {
      hovered = true;
    },
    function () {
      hovered = false;
    }
  );
});

250 表示任务每四分之一秒重复一次。您可以减少此数字以使其更快或增加它以使其更慢。