鼠标悬停2秒后触发事件

要怎么实现呢?

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

SFgoogle以下,好多类似的js例子
请参考
http://www.zxbc.cn/html/20070615/22983.html
然后自己利用如下事件:
ONMOUSEOVER
ONMOUSEOUT
分别启动和取消定时器
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" dir="ltr">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gbk" />
  </head><style type="text/css">
span#name {cursor: pointer;}
</style><script type="text/javascript">
window.$ = function(id) {
  return (typeof id == 'string') ? document.getElementById(id) : id;
}window.onload = function() {
  var k = $('name');
  if(!k) return;
  onhover(function() {
      $('console').innerHTML += 'a<br />';
    }, k, 2000);
}function onhover(fun, obj, time) {
  var s;
  obj.onmouseover = function() {
      s = setTimeout(fun, 1000);
    };
  obj.onmouseout = function() {
      if(!s) return;
      clearTimeout(s);
    };
}
</script><body><span id="name">大家好</span>
<br />
<div id="console"></div>
</body>
</html>
<HTML>
<BODY>
  <input type="text" value="鼠标拿过来" onmouseover="interval=window.setInterval('test()',2000)">
</BODY>
</HTML>
<SCRIPT LANGUAGE="JavaScript"> var interval;
function test()
{
alert("aaaaaaa");
window.clearInterval(interval);
}</SCRIPT>
修改一下<HTML>
<BODY>
  <input id="a" type="text" value="鼠标拿过来" onmouseover="go()" onmouseout="window.clearInterval(interval);document.getElementById('a;).onmouseover='go()'"> </BODY>
</HTML>
<SCRIPT LANGUAGE="JavaScript"> var interval;
function go()
{
interval=window.setInterval("test()",2000);
}
function test()
{
alert("aaaaaaa");
//若是要求只触发一回，可以修改onmouseover事件,然后在onmouseout事件中再修改回来；
document.getElementById("a").onmouseover="";
window.clearInterval(interval);
}</SCRIPT>
如果更改一下前提呢？
即：鼠标是在该DIV内部移动呢？在该DIV内部移动，当悬停超过1秒后，再执行动作如何作？
具体方法可以这样，两个方法一个onMouseOver，一个onMouseOut
鼠标经过onMouseOver里调用定时器（定时2秒）方法触发时间，如果在2秒内移开再调用一方法取消这个定时器

鼠标悬停2秒后 触发事件

解决方案 »

鼠标悬停2秒后触发事件