当前位置：首页 > 资讯 > 技术文档

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

时间：2021-04-20 11:13 编辑：来源：阅读：
扫一扫，手机访问

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

在某技术群看到 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的简洁

[u]复制代码[/u] 代码如下:

j++; for (var i = 0; i < 6; i++) o[i].style.display = [['block', 'none'], ['none', 'block']][j & 1][i & 1];

D君用数组，也影响效率看完不得感叹 D君的方法真的很好，如果是我真的想不出如此高效率的方法。

全部评论(0)

上一篇：javascript简单实现类似QQ头像弹出效果的方法
下一篇：Bootstrap实现基于carousel.js框架的轮播图效果

资讯排行榜
更多>>