Jquery 如何在悬停特定时间后启动函数？

我试图让jquery在悬停5秒后更改项目的背景色。所以，如果光标悬停3秒，则不算数

  $(".test").hover(function(){
    $(".item").css("background","red")
    });

---

在鼠标悬停时创建一个超时，如果有鼠标悬停事件，则取消超时

let超时；
$（“.test”）.mouseover（函数（）{
超时=窗口。设置超时（（）=>{
$（“.item”）.css（“背景”、“红色”）
}, 5000);
});
$（“.test”）.mouseout（函数（）{
clearTimeout（超时）；
});
div{
保证金：5px；
}
.测试{
宽度：100px；
高度：100px；
边框：1px纯红；
}
.项目{
宽度：100px；
高度：100px；
边框：1px纯黑；
}

盘旋我
将在5秒后更改颜色