JavaScript类的继承.doc

JS类的继承--light CLASS !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=/1999/xhtmlheadmeta http-equiv=Content-Type content=text/html; charset=utf-8 /title灯泡类/titlescript language=javascript type=text/javascript/**开发：杜志友类别：JS类的继承日期：2011-11-11*/window.onload=function(){ function $(id){ return document.getElementById(id); }   //基础灯泡 function LightBase (container,power,totalPower,id,powerContainer){ this.totalPower=totalPower; this.power=power; this.id=id; this.state=off; this.workState=false; this.onTime=0; this.offTime=0; this.on=function(){ document.getElementById(this.id).src=img/light_on.gif; this.state=on; this.work(); } this.off=function(){ document.getElementById(this.id).src=img/light_off.gif; this.state=off; var self=this; clearTimeout(self.workState); } this.changPower=function(num){ powerContainer.style.height=num+px; powerContainer.innerHTML=num; switch(true){ case num50 num20: powerContainer.style.backgroundColor=orange; break; case num20: powerContainer.style.backgroundColor=red; break; } } this.show=function(){ container.innerHTML=img id=+this.id+ src=img/light_off.gif width=120 height=150 / powerContainer.innerHTML=this.totalPower; } this.work=function(){ if(this.totalPower=0){this.off();powerContainer.innerHTML=耗尽;return false;} this.totalPower-=this.power; this.changPower(this.totalPower); //alert(powerContainer); //alert(this.work); var self=this; this.workState=setTimeout(function(){self.work();},1000); } }  //高级灯泡类 继承自基础灯泡 function lightAdvanced(container,power,totalPower,id,powerContainer){ LightBase.call(this,container,power,totalPower,id,powerContainer); this.on=function(color){ if(arguments[1]==clap){ date=new Date(); this.onTime=date.getTime(); } document.getElementById(this.id).src=img/light_+color+.gif; this.state=on