6个DIV 135或246间隔一秒轮番显示效果
更新时间：2010年07月24日 01:00:17 作者：
6个DIV 间隔一秒 轮番进行奇偶显示. 比如先135 一秒后 246 然后再135 循环
在某技术群看到 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君 的方法真的很好，如果是我真的想不出如此高效率的方法。
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君 的方法真的很好，如果是我真的想不出如此高效率的方法。
相关文章
这篇文章给大家总结了JS设置CSS样式的几种方式，每种方式都非常不错，具有参考借鉴价值，需要的朋友参考下吧2017-01-01
这篇文章主要为大家详细介绍了微信小程序自定义顶部导航组件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
最近在造轮子的时候遇到了这么一个问题,那就是数组在调用内部方法的时候怎么才可以监听到数组发生了变化,这篇文章主要给大家介绍了关于JavaScript如何监测数组变化的相关资料,需要的朋友可以参考下2021-07-07
这篇文章主要介绍了TypeScript 泛型，对泛型感兴趣的同学，可以参考下2021-05-05
JavaScript Window浏览器对象模型方法与属性汇总
本文给大家汇总分享的是JavaScript Window浏览器对象模型方法与属性，十分的细致全面，这里推荐给大家，有需要的小伙伴可以参考下。2015-04-04
在本篇文章里我们给大家带来一篇关于用原生JS编写兼容IE6,7,8浏览器无缝自动轮播的相关知识点，需要的朋友们参考下。2018-10-10
如果你想在保持文件的时候或执 行的阶段lint代码，那么linting工具也可以如你所愿。这取决于个人的选择。如果你正在找寻用于CSS和JavaScript最好的 linting工具，那么请继续阅读2016-05-05
WebSocket最大特点就是服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信息,是真正的双向平等对话,属于服务器推送技术的一种,下面这篇文章主要给大家介绍了关于如何优雅的使用WebSocket的相关资料,需要的朋友可以参考下2022-05-05
下面小编就为大家带来一篇JS控制FileUpload的上传文件类型实例代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
这篇文章主要为大家介绍了javascript实现checkbox复选框实例代码，对checkbox复选框进行美化，感兴趣的小伙伴们可以参考一下2016-01-01
最新评论