js 鼠标停留时间事件

最新推荐文章于 2023-07-17 21:42:25 发布

原创最新推荐文章于 2023-07-17 21:42:25 发布 · 5.1k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#计时器

前端专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种使用jQuery实现的延迟加载技术。通过在元素上触发hover事件，并结合setTimeout函数，使得特定操作在用户悬停一段时间后自动执行，提高了用户体验并减少了不必要的资源消耗。

var tid = 0;

$( "#div" ).hover( function() {

   tid = setTimeout( function() {

        //当触发hover就开始自动在1秒后执行相应代码

    }, 1000 );

}, function() {

    clearTimeout( tid );//当在1秒内退出了hover事件就取消计时代码

} );