选项卡加定时器

Web前端案例

1.qq头像移入移出效果定时器

      window.οnlοad=function(){

    var oDiv=document.getElementById('div1');

    var oDiv2=document.getElementById('div2');

    var timer=null;

    oDiv2.οnmοuseοver=oDiv1.οnmοuseοver=function(){

    clearTimeout(timer);

    timer=setTimeout(function(){

        oDiv2.style.display='block';

        },1000);

};

oDiv2.οnmοuseοut=oDiv1.οnmοuseοut=function(){

      clearTimeout(timer);

   timer=setTimerout(function{

       oDiv2.style.display='none';

},1000);

};

 

};

2.加选项卡左右按钮加定时器

var oBox=document.getElementById('box');

var aBtn=oBox.getElementsByTagName('input');

var aDiv=oBox.getElementsByTagName('div');

var aFr=oBox.getElementsByTagName('a')[0];

var aFl=oBox.getElementsByTagName('a')[1];

var timer=null;

for(var i=0; i<aBtn.length; i++){

       aBtn[i].index=i;

       aBtn[i].οnclick=function(){

           iNow=this.index;

            tab();

     };

  function tab(){

 

          for(var i=0; i<aBtn.length; i++){

                aBtn[i].className='';

                aDiv[i].className='';

         }

        aBtn[iNow].className='on';

        aDiv[iNow].className='show';

 

     };

   aFr.οnclick=function(){

      iNow++

      if(iNow==aBtn.length){

        iNow=0;

     }

       tab();

   };

  clearTimeout(timer);

  timer=setTimeout(aFl,500){

};

  aFl.οnclick=aFl();

  function aFl(){

      iNow--

      if(iNow==-1){

       iNow=aBtn.length-1

    };

      tab();

   };

};