js悬停2秒后触发，提前out则不触发

鼠标悬停2秒后，给div .addClass，提前mouseout则不触发，之前搜了一下，许多都是09年，10年的，而且有些大部分是鼠标悬停后2秒触发，不管你移开没， 现在有没有好一点的办法？

---

https://jsfiddle.net/u7cLp0up/

---

var t;
$("div").on("click", function(){
                var $e = $(this);
                t = setTimeout(function(){
                    $e.addClass("ok");
                }, 3000);
            }).on("mouseout", function(){
                clearTimeout(t);
            });

这样行吗？