鼠标悬停一段时间后触发事件

最新推荐文章于 2022-08-22 23:34:52 发布

lgrain

最新推荐文章于 2022-08-22 23:34:52 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： Java

本文链接：https://blog.youkuaiyun.com/lgrain/article/details/83491512

js 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的鼠标悬停事件触发定时器功能的例子，并演示了如何通过JavaScript改变DOM元素的内容与显示时间。文章包含具体代码实现，展示了如何设置与取消定时器以及如何获取并修改指定ID的DOM元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >



<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
    var mytimer = null;

    function beginEvent(){     
      //window.setTimeout("alert('Hello, world')", 1000);
      mytimer = window.setTimeout("myfunc('123','456')", 3000);        
    }



function cancelEvent() {
  clearTimeout(mytimer);      
  mytimer = -1;
}

function myfunc(t1,t2) {
				alert(t1+" ,"+t2);
        if (mytimer == -1) return;
        var d = document.getElementById("div1");
        d.innerText = new Date();
        clearTimeout(mytimer);
        mytimer = null;
}
</script>
</head>
<body>
  <br/>
  <br/>
  <div id="div1" style="position: absolute; top: 100px; left: 100px; width: 100px; height: 100px; border: 1px solid black;" onmouseover="beginEvent()" onmouseout="cancelEvent()"></div>
</body>
</html>