Javascript 当光标空闲并悬停在正在播放的视频上时，如何隐藏光标？

我在这里和其他地方寻找了一种可能适用于解决我的问题的响应，但我得到的只是CSS和“不只是不要糟糕的用户体验”。。。我不想在某个元素上立即隐藏光标，也不想根据人们的经验隐藏光标

我只是想让它成为一种更好的体验，当有人在播放视频（例如YouTube）时鼠标空闲（一定时间），光标会暂时离开，如果用户移动鼠标，*会回来

我用下面我知道的一些知识为自己做了些什么

let vidod=document.getElementById（“vidof”）；
vidod.addEventListener（“鼠标悬停”，e=>{
setTimeout（函数（）{
document.body.style.cursor=“无”；
addEventListener（“mousemove”，et=>{
document.body.style.cursor=“默认”；
});
}, 3500);
});
视频{
宽度：55%；
身高：55%；
}
您可以简单地使用我为您创建的CSS类“hideCursor”


let vidod=document.getElementById（“vidof”）；
vidod.addEventListener（“鼠标悬停”，e=>{
setTimeout（函数（）{
document.body.style.cursor=“无”；
addEventListener（“mousemove”，et=>{
document.body.style.cursor=“默认”；
});
}, 3500);
});
视频{
宽度：55%；
身高：55%；
}
.hideCursor{cursor:none；}

不要使用“标识运算符”==分配值

document.body.style.cursor === "none"

您应该像这样分配值“none”

document.body.style.cursor = "none"

同样的道理也适用于
document.body.style.cursor==“默认”
 我认为这样做更好

const vidod=document.getElementById（“vidof”）；
vidod.addEventListener（“mousemove”，e=>{
//如果计时器是在鼠标移动时设置的，则清除计时器
常量计时器=vidod.getAttribute（“计时器”）；
中频（定时器）{
清除超时（计时器）；
setAttribute（“timer”和“”）；
}
#将超时设置为等待空闲时间
常数t=setTimeout（（）=>{
setAttribute（“timer”和“”）；
添加（“隐藏光标”）；
}, 3500);
设置属性（“计时器”，t）；
移除（“隐藏光标”）；
});
我知道我可以添加一个类，这样它就隐藏了，但是一旦它消失了，他们移动了鼠标，我仍然需要重新显示它。我得到了它，我更改了代码。请检查它的工作原理，如果我需要使用它，我会的。你们所有人的答案都很有用！谢谢，如果我需要使用它，我会的。你们所有人的答案都很有用！也谢谢你让我知道我的代码不错，只是语法错误。