闪烁的原理是什么呢:其实就一个,display在none与block之间频繁的交替,这样说你明白了么,示例代码如下,希望对大家有所帮助

最近在学着用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也进入学习日程了,这一天天的是越排越满啊......加油,笨鸟飞飞飞.....

最新资讯
无人机、无人车送快递何时全面普及?官方:还需一个阶段

无人机、无人车送快递

新办就邮政快递业助力脱贫攻坚有关情况举行发布会。国
蚂蚁集团据悉将把IPO融资目标提高到350亿美元

蚂蚁集团据悉将把IPO

蚂蚁集团据悉将把IPO融资目标提高到350亿美元。
邬贺铨等解读未来十年:5G如何才能“价廉物美”?| 新浪5G峰会

邬贺铨等解读未来十年

由新浪科技、新浪5G联合主办的“Refresh Your Life”
请顶流主播就能卖光库存?品牌商可不是冤大头

请顶流主播就能卖光库

假如只是以几个顶流主播令人瞠目的战绩海报来理解直播
“百亿补贴”真的能拯救一切吗?

“百亿补贴”真的能拯

“百亿补贴”是块砖,哪里需要往哪儿搬。
腾讯做云:先交个朋友

腾讯做云:先交个朋友

飞渡科技和腾讯的第一次见面是在2019年11月的一次业务
最新文章
详解Vue的ref特性的使用

详解Vue的ref特性的使

这篇文章主要介绍了详解Vue的ref特性的使用,文中通过
vue学习笔记之slot插槽基本用法实例分析

vue学习笔记之slot插

这篇文章主要介绍了vue学习笔记之slot插槽基本用法,结
vue跳转方式(打开新页面)及传参操作示例

vue跳转方式(打开新页

这篇文章主要介绍了vue跳转方式(打开新页面)及传参操作,
vue学习笔记之过滤器的基本使用方法实例分析

vue学习笔记之过滤器

这篇文章主要介绍了vue学习笔记之过滤器的基本使用方
js获取本日、本周、本月的时间代码

js获取本日、本周、本

本篇文章给大家分享的内容是利用js如何获取本日、本周
node crawler如何添加promise支持

node crawler如何添加

这篇文章主要介绍了node crawler如何添加promise支持,