作家
登录

6个DIV 135或246间隔一秒轮番显示效果

作者: 来源:www.28hudong.com 2013-03-30 01:26:06 阅读 我要评论

在某技术群看到 A君 提出的如下一个问题: A君 6个DIV 间隔一秒 轮番进行奇偶显示. 比如先135 一秒后 246 然后再135 循环 A君 要求代码短小精悍 B君 复制代码 代码如下:var a = document.getElementsByTagName('div'); var b = false; setInterval(function() { for (var i = 0; i < 6; i++) a[i].style.display = ((i & 1) ^ b) ? 'block' : 'none'; b = !b; }, 1000); A君 D君这个效率不错啊 我这个不如abcd的简洁 复制代码 代码如下:j++; for (var i = 0; i < 6; i++) o[i].style.display = [['block', 'none'], ['none', 'block']][j & 1][i & 1]; D君 用数组,也影响效率 看完不得感叹 D君 的方法真的很好,如果是我真的想不出如此高效率的方法。

  推荐阅读

  JavaScript 事件系统

事件流 JavaScript 的事件是以一种流的形式存在的,一个事件会有多个元素同时响应。有时候这不是我们 想要的,我们只需要某个特定的元素响应我们的绑定事件就可以了。 事件分类 捕获型事件(非IE)、冒泡型事件(所有>>>详细阅读


本文标题:6个DIV 135或246间隔一秒轮番显示效果

地址:http://www.17bianji.com/kaifa2/JS/25993.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)