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


Posted in Javascript onJuly 24, 2010

在某技术群看到 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 迁移目录
Dec 18 Javascript
分享一个自定义的console类 让你不再纠结JS中的调试代码的兼容
Apr 20 Javascript
js中判断Object、Array、Function等引用类型对象是否相等
Aug 29 Javascript
JavaScript事件处理器中的event参数使用介绍
May 24 Javascript
Javascript this 关键字 详解
Oct 22 Javascript
jQuery检查事件是否触发的方法
Jun 26 Javascript
jQuery 禁止表单用户名、密码自动填充功能
Oct 30 jQuery
详解vue静态资源打包中的坑与解决方案
Feb 05 Javascript
小程序实现层叠卡片滑动效果
Aug 26 Javascript
JS apply用法总结和使用场景实例分析
Mar 14 Javascript
如何使用JavaScript检测空闲的浏览器选项卡
May 28 Javascript
vue修改Element的el-table样式的4种方法
Sep 17 Javascript
js获取元素在浏览器中的绝对位置
Jul 24 #Javascript
几个有趣的Javascript Hack
Jul 24 #Javascript
用jquery实现等比例缩放图片效果插件
Jul 24 #Javascript
js ondocumentready onmouseover onclick onmouseout 样式
Jul 22 #Javascript
javascript基础第一章 JavaScript与用户端
Jul 22 #Javascript
aspx中利用js实现确认删除代码
Jul 22 #Javascript
JS实现self的resend
Jul 22 #Javascript
You might like
在服务端进行目录建立、删除,文件上传、删除的过程的php代码
2008/09/10 PHP
学习使用curl采集curl使用方法
2012/01/11 PHP
深入探讨:PHP使用数据库永久连接方式操作MySQL的是与非
2013/06/05 PHP
使用jquery选择器如何获取父级元素、同级元素、子元素
2014/05/14 Javascript
Jquery 实现grid绑定模板
2015/01/28 Javascript
javascript跨域原因以及解决方案分享
2015/04/08 Javascript
avalon js实现仿微博拖动图片排序
2015/08/14 Javascript
JS简单实现城市二级联动选择插件的方法
2015/08/19 Javascript
jQuery前端开发35个小技巧
2016/05/24 Javascript
微信小程序 数据交互与渲染实例详解
2017/01/21 Javascript
jquery 仿锚点跳转到页面指定位置的实例
2017/02/14 Javascript
jQuery插件jquery.kxbdmarquee.js实现无缝滚动效果
2017/02/15 Javascript
javascript中this用法实例详解
2017/04/06 Javascript
angular.js中解决跨域问题的三种方式
2017/07/12 Javascript
Vue CLI项目 axios模块前后端交互的使用(类似ajax提交)
2019/09/01 Javascript
antd多选下拉框一行展示的实现方式
2020/10/31 Javascript
python实现的各种排序算法代码
2013/03/04 Python
python实现ip查询示例
2014/03/26 Python
python统计cpu利用率的方法
2015/06/02 Python
python3批量删除豆瓣分组下的好友的实现代码
2016/06/07 Python
python不换行之end=与逗号的意思及用途
2017/11/21 Python
对Python信号处理模块signal详解
2019/01/09 Python
python将音频进行变速的操作方法
2020/04/08 Python
python实现人像动漫化的示例代码
2020/05/17 Python
Python-for循环的内部机制
2020/06/12 Python
Python使用jpype模块调用jar包过程解析
2020/07/29 Python
区分python中的进程与线程
2020/08/13 Python
python文件排序的方法总结
2020/09/13 Python
Pycharm添加虚拟解释器报错问题解决方案
2020/10/13 Python
党风廉政建设责任书
2014/04/14 职场文书
文秘专业应届生求职信
2014/05/26 职场文书
法人委托书范本格式
2014/09/15 职场文书
坚守艰苦奋斗精神坚决反对享乐主义整改措施
2014/09/17 职场文书
单位租房协议书样本
2014/10/30 职场文书
民事诉讼答辩状范文
2015/05/21 职场文书
Python一行代码实现自动发邮件功能
2021/05/30 Python