不使用jquery,但这对我有效,而且方法应该类似
<script type="text/javascript" charset="utf-8">
var doingStuff = false;
function doStuff() {
if (doingStuff) {
document.getElementById('stuff').innerHTML += '.';
setTimeout(doStuff, 100);
}
}
</script>
<p onmouseover="doingStuff = true; doStuff()" onmouseout="doingStuff = false">
Mouseover to do stuff
</p>
<p id="stuff">Stuff: </p>
这将增加一个
.
只要你悬停在文档中,每100毫秒一次。
基本上,在mouseover中将布尔值设置为true,然后设置为false并将鼠标移出。除非变量为真,否则不要安排下一个调用。此外,除非需要,否则不会每隔100毫秒调用一个函数。这意味着在悬停之前不会发生任何事情,将var设置为true并启动重复函数。