js實現div閃爍-------Day46

近期在學着用easyui，發現框架用起來果然是方便簡潔，能弄出這框架的都是大神級別了吧，牛啊....

今天碰到這個應用能夠說是讓我很之無語，整出源代碼來一看就明確了。可之前卻還是感覺很奇妙，我也經常告訴自己。要多動腦筋。實際上有一些也的確有想過。但實在是效果很牽強。而當源代碼拿出來看的時候卻又格外的明確。假設這時候我能夠看到自己的表情。大抵就是一個糾結吧，假設說量變引起質變，那我的量還差的太多了，連見多識廣都算不上，何談創造啊。

先來分析下實現的原理吧。閃爍的原理是什么呢：事實上就一個，display在none與block之間頻繁的交替，這樣說你明確了么。

還是先上代碼：

html部分：

 <div style="width: 50px;height: 50px;background-color: cyan;display: block;" id="showZone"></div>//是不是非常熟悉啊

javascript部分：

window.onload=function(){
	var obj=document.getElementById("showZone");	
	var timer=null;
	obj.onclick=function(){
		var i=0;
		clearInterval(timer);
		timer=setInterval(function(){
			obj.style.display=i++%2?"none":"block";//還是有收獲的。這個寫法比if..else想必簡單了好多
			i>8&&clearInterval(timer);//這個短路用的經典啊
		},80);
	};
};

盡管原理上簡單，可是前輩的代碼比我個人編寫的代碼要簡單太多了。還是非常有收獲的。

easyui也進入學習日程了，這一天天的是越排越滿啊......加油,笨鳥飛飛飛.....