Question

js clearTimeout不起作用怎么回事，关不了那个定时器

window.onload=function(){
var oSet=document.getElementsByClassName("setting")[0];
var oSetBar=document.getElementsByClassName("stting_bar")[0];
timer=null;

oSet.onmouseover=function()
{
oSetBar.style.display='block';
};
oSet.onmouseout=function()
{
timer=setTimeout(function(){
oSetBar.style.display='none';
},300);
};
oSetBar.onmouseover=function()
{
clearTimeout(timer);

};
}

Answer 1

设置延时器之前先清除下延时器，不然每次事件触发都会多一个延时器，延时器之间互相干扰，造成紊乱。
oSet.onmouseout=function()
{
clearTimeout(timer) //在这多写一行清除代码，其它不变，下面清除延时器代码也不变
timer=setTimeout(function(){
oSetBar.style.display='none';
},3000);
};

题主试一下，应该是这个问题

追问

加了那行代码还是不行，还是没关上

追答

不知道你说的关是咋关，只要鼠标从oSet移开，就会重新设置一个延时器

追问

我想要的就是鼠标移到oSetBar上的时候把定时器关掉，让oSetBar不隐藏，现在的情况就是鼠标移到oSetBar上它还是300ms后就隐藏了

追答

window.onload=function(){
var oSet=document.getElementsByClassName("setting")[0];
var oSetBar=document.getElementsByClassName("stting_bar")[0];
timer=null;
var a=0;
oSet.onmouseover=function()
{
oSetBar.style.display='block';
};
oSet.onmouseout=function()
{
if(a==0){
clearTimeout(timer)
timer=setTimeout(function(){
oSetBar.style.display='none';
},1000);
}

};
oSetBar.onmouseover=function()
{
clearTimeout(timer)
a=1;
};
}

在oSet的鼠标移上事件里加个判断条件，判断有没有鼠标移上oSetBar，根据返回的布尔值来决定是否执行函数。不知道理解你的意思了没，你这样试试。只要鼠标移入oSetBar定时器就失效了。

Answer 2

//设定时器
var timer=setTimeout(......);
//停止定时器
clearTimeout(timer);