javascript - 内联 JS (OnMouseOver) - 重复某些事情直到 MouseOut 发生

Question

考虑到我仅限于运行内联代码（没有外部 js 文件或标签），有没有办法每 10 毫秒运行一次给定函数？

我只能使用：

<div onmouseover="functions here" onmouseout="functions here">

更具体地说，我想使用 marginLeft 每 10 毫秒将另一个元素向左移动 50 像素，但我无法运行如上所述的外部函数或 js 库。

我正在考虑可能将它全部合并到带有 setInterval(function, 10) 的 onmouseover 中，但是当鼠标移出发生时，我看不到停止这种情况的方法。

我知道我可以使用 .on 之类的 jQuery 事件处理程序，但这里不是一个选项，因为它们必须从外部加载（而不是内联）

Answer 1

设置一个全局变量：

<div onmouseover="if (!window.intervalId)
                  window.intervalId=setInterval(function() {/*your code*/}, 10);"
          onmouseout="clearInterval(window.intervalId); window.intervalId=null;">