+ -
当前位置:首页 → 问答吧 → 停止这个JS的自动播放要怎么修改啊

停止这个JS的自动播放要怎么修改啊

时间:2011-10-18

来源:互联网

<script>
function tab(menus,cons,openClass,closeClass,speed){
          var count = menus.length; //ѡĸ
          var now=1;                //¼ǰѡ?
          var timer=null;           //
          
          var clearOpenClass = function(){//ʽ
          for(var i = 0 ; i < count; i++)
                  {
                 menus[i].className = closeClass;                                          
                    cons[i].style.display = "none";
                  }
          };
          
          var changeTab = function(v){//ӻʽԼл
                  clearOpenClass();
               menus[v].className = openClass;
               cons[v].style.display = "block";
               now= v+1;
          };
              
              
          var autoChange = function (){//Զл
            if(now<count){
              changeTab(now);              
              }else{
               now = 0;
              changeTab(now);
            }
           };
              
       var setAuto = function (){timer = setInterval(autoChange, speed)};
        var clearAuto = function (){clearInterval(timer)};   
                            
           this.init = function(){//ʼ
                     if(menus.length != cons.length){ return;}
                     clearOpenClass();
                    for(var i = 0 ; i < count; i++){
                              menus[i].value = i;                              
                  }
                            menus[0].className='current';
                            cons[0].style.display = "block";
          };
          
          this.autoAction = function(){//ԶлʱĶ
                  setAuto();
                   for(var i = 0 ; i < count; i++){                             
                     menus[i].onmouseover = function(){clearAuto();changeTab(this.value);};
                        menus[i].onmouseout = function(){setAuto();};
                     }              
       };
          
          this.usualAction = function(){//ͨлʱĶ
                   for(var i = 0 ; i < count; i++){                             
                     menus[i].onmouseover = function(){changeTab(this.value);};
                     }              
       };
              
};
tab.prototype = {
       usual : function(){
          this.init();
          this.usualAction();                                    
       },
          auto : function(){
          this.init();
          this.autoAction();                                   
          }
         
}
function $(id){return document.getElementById(id);}
window.onload=function(){
var menus=$('tabMenus').getElementsByTagName('li');
var cons=$('tabCons').getElementsByTagName('div');
var t=new tab(menus,cons,'current','usual',2000);
t.auto();
var menus=$('tabMenus02').getElementsByTagName('li');
var cons=$('tabCons02').getElementsByTagName('div');
var t=new tab(menus,cons,'current','usual',2000);
t.auto();
}
</script>

作者: Hism   发布时间: 2011-10-18

把定时器改为无限大....试试

作者: Apollyonx   发布时间: 2011-10-18