定时器:
setInterval(fn,time);//每隔多长时间(time)做一件什么事情(fn);//如果不关闭一直执行
关掉定时器: clearInterval(定时器的名字);
setTimeout(fn,time);//每隔多长时间(time)做一件什么事情(fn);只执行一次;
clearTimeout(定时器的名字);
用户体验好的选项卡:
for(var i=0;i<aInput.length;i++){
aInput[i].index=i;
aInput[i].onmouseover=function(){ //移入300ms后切换;快速移入打开定时器计时,快速移出就会关闭定时器,不发生切换;
var that=this; //把this用一个变量存放,用于下面的函数使用;
function tick(){
for(var i=0;i<aInput.length;i++){
aInput[i].className='';
aLi[i].className='';
}
that.className='active';
aLi[that.index].className='on';
}//此时的this是input元素,setTimeout里的this是window
timer=setTimeout(tick,500);
}
aInput[i].onmouseout=function(){ //onmouseout一定不要写在了onmouseover里
clearTimeout(timer);
}
}
延时移入移出:
window.onload=function(){
var oBox1=document.getElementById("box1");
var oBox2=document.getElementById("box2");
var timer=null;
oBox2.onmouseover=oBox1.onmouseover=function(){
clearTimeout(timer);
oBox2.style.display='block';
}
oBox2.onmouseout=oBox1.onmouseout=function(){
timer=setTimeout(function(){
oBox2.style.display='none';
},1000)
}
}