Javascript 不明白如何在工具提示中显示提示

Javascript 不明白如何在工具提示中显示提示,javascript,html,css,Javascript,Html,Css,任务是创建智能提示,该提示不会显示我是否在时钟上方移动或快速,也不会显示是否移动缓慢。所以问题出现在最后一个“如果”中,因为我不明白如何强制显示提示(来自工具提示) 顺便说一句,我希望速度的计算是正确的 问题出在这个街区 if (+velocity < +this.sensitivity){//если скорость меньше требуемой показывай подсказку this.over(); //tooltip.hidden = false;

任务是创建智能提示,该提示不会显示我是否在时钟上方移动或快速,也不会显示是否移动缓慢。所以问题出现在最后一个“如果”中,因为我不明白如何强制显示提示(来自工具提示) 顺便说一句,我希望速度的计算是正确的

问题出在这个街区

  if (+velocity < +this.sensitivity){//если скорость меньше требуемой показывай подсказку
    this.over();
    //tooltip.hidden = false;
  }else{
    this.out(); 
    //tooltip.hidden = true;

  }
if(+velocity<+this.sensitivity){//
这个;
//tooltip.hidden=false;
}否则{
这个;
//tooltip.hidden=true;
}
完整的代码在这里


Документ
12 :
30 :
00
Подсказка
.小时{
颜色:红色;
}
.分钟{
颜色:绿色;
}
.秒{
颜色:蓝色;
}
.钟{
边框:1px黑色虚线;
填充物:5px;
显示:内联块;
背景:黄色;
位置:绝对位置;
左:0;
排名:0;
}
.工具提示{
位置:绝对位置;
背景:#eee;
边框:1px棕色实心;
填充:3倍;
}
"严格使用",;
// Здесь показан набросок класса
// с возможностями, которые нам понадобятся
阶级意图{
建造师({
灵敏度=0.1,//
间隔=100,//100毫秒:100毫秒。
埃伦,
结束
出来
}) {
这是敏感度=敏感度;
这个。间隔=间隔;
this.elem=elem;
this.over=结束;
this.out=out;
//бббббббббзгбббббгббб。
this.onMouseMove=this.onMouseMove.bind(this);
this.onMouseOver=this.onMouseOver.bind(this);
this.onMouseOut=this.onMouseOut.bind(this);
// назначаем обработчики
//元素addEventListener(“mouseover”,this.onMouseOver);
//元素addEventListener(“mouseout”,this.onMouseOut);
元素addEventListener('mouseenter',this.onMouseOver);
元素addEventListener('mouseleave',this.onMouseOut);
}
onMouseOver(事件){
// включаем при захождении курсора на часы периодическую функцию 
this.iswork=true;
此.onMouseMove(事件);
}
onMouseOut(事件){
this.iswork=false;
}
onMouseMove(事件){
如果(event.relatedTarget==null | | event.relatedTarget.tagName='HTML'){//
var xPrevious=event.clientX;
var ypprevious=event.clientY;
var xNow=xPrevious;
var yNow=yPrevious;
}
//блок подсчета скорости
设间隔=设置间隔(()=>{//
如果(this.iswork==false)清除间隔(interval);//
元素addEventListener('mousemove',(ev)=>{
xNow=ev.clientX;//а
yNow=ev.clientY;//
})
设distantion=Math.sqrt(Math.pow(xNow xpprevious,2)+Math.pow(yNow ypprevious,2));//
设速度=距离/此间隔;//
// !! не работает
如果(+速度<+此灵敏度){//
这个;
//tooltip.hidden=false;
}否则{
这个;
//tooltip.hidden=true;
}
xPrevious=xNow;
yPrevious=yNow;
},这个时间间隔);
}  
//销毁{
//   /* ваш код для отключения функционала и снятия всех обработчиков */
//   }
}
// для демо
setTimeout(函数(){
新悬停意图({
埃伦,
超过(){
tooltip.hidden=false;
},
out(){
tooltip.hidden=true;
}
});
}, 2000);

这并不能解决您的特定代码问题,但我通常只会在工具提示显示或动画淡入之前有一点延迟。这不会解决您的特定代码问题,但通常在工具提示显示或动画淡入前会有一个小的延迟。这会产生相同的结果,而不必担心鼠标跟踪。