How to move the mouse into the element for two seconds and then execute addclass

how to move the mouse over the element for two seconds and then execute addclass
or not execute addclass within two seconds after executing the addclass event



<ul class="flul">
<li class="flli"></li>
<li class="flli"></li>
<li class="flli"></li>
<li class="flli"></li>
<li class="flli"></li>
</ul>


var cflul = $(".flul");
var cflli = $(".flli");
cflli.eq(index).addClass("flli_curr");
    cfrli.eq(index).show();
    cflli.hover(function(){
        index = $(this).index();
        $(this).addClass("flli_curr").siblings().removeClass("flli_curr");
        cfrli.eq(index).show().siblings().hide();
    });
Apr.18,2021
Learn about the anti-jitter throttling of

js. Share a blog post
JavaScript and learn anti-shaking from underscore


$(document).ready(function () {
            var handle = null;
            $('-sharpdiv1').mouseover(function () {
                handle = setTimeout(function () {
                    alert("1")
                }, 1000);
            }).mouseout(function () {
                clearTimeout(handle);
                alert("2")
            });
        });
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b362e0-2c00d.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b362e0-2c00d.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?