增加减少span的初始值为00,当增加到30是恢复初始值,当减少到00在减少变成30
2 回答

scriptfunctionComponent(el,options){this.opts=$.extend({initVal:0,maxVal:30},options);this.$el=el;this._currVal=this.opts.initVal;this.$add=this.$el.find('button:first');this.$sub=this.$el.find('button:last');this.$show=this.$el.find('span');this.render(this._currVal);this.$add.on('click',$.proxy(this.handleAdd,this));this.$sub.on('click',$.proxy(this.handleSub,this));}$.extend(Component.prototype,{handleAdd:function(){this.render(this._currVal+1);},handleSub:function(){this.render(this._currVal-1);},render:function(val){if(val<=this.opts.initVal){this._currVal=this.opts.initVal;}elseif(val>=this.opts.maxVal){this._currVal=this.opts.maxVal;}else{this._currVal=val;}this.$show.text(this._currVal);},getCurrVal:function(){returnthis._currVal;}});newComponent($('#example'));newComponent($('#example1'),{initVal:5,maxVal:20});varcomponent=newComponent($('#example2'),{initVal:10,maxVal:30});component.getCurrVal();

狐的传说
TA贡献1804条经验 获得超3个赞
varchange=function(num){varspan=document.getElementById('cc'),spanNum=span.innerText*1;spanNum+=num;if(spanNum>30){spanNum=0;}if(spanNum<0){spanNum=30;}if(spanNum<10){span.innerText='0'+spanNum;}else{span.innerText=''+spanNum;}}document.getElementById('aa').addEventListener('click',function(e){change(1);});document.getElementById('bb').addEventListener('click',function(e){change(-1);});