国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

js實現div閃爍原理及實現代碼

2019-11-20 14:24:31
字體:
來源:轉載
供稿:網友

最近在學著用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也進入學習日程了,這一天天的是越排越滿啊......加油,笨鳥飛飛飛.....

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 越西县| 内黄县| 枣庄市| 嵊泗县| 通海县| 霍邱县| 得荣县| 永登县| 特克斯县| 屏山县| 北辰区| 漳浦县| 枣强县| 关岭| 大邑县| 醴陵市| 宜宾市| 富宁县| 井陉县| 义乌市| 宿松县| 崇阳县| 虞城县| 青岛市| 肇源县| 喀什市| 中牟县| 塘沽区| 会泽县| 桐乡市| 日土县| 浠水县| 喀什市| 晋江市| 永宁县| 西乌珠穆沁旗| 恩施市| 宿迁市| 武陟县| 来安县| 富锦市|