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 相关文章推荐
JS无限树状列表实现代码
Jan 11 Javascript
Node.js模拟浏览器文件上传示例
Mar 26 Javascript
node.js中watch机制详解
Nov 17 Javascript
jQuery实现表格行上移下移和置顶的方法
May 22 Javascript
谈谈AngularJs中的隐藏和显示
Dec 09 Javascript
Javascript之BOM(window对象)详解
May 25 Javascript
JavaScript微信定位功能实现方法
Nov 29 Javascript
js学习总结_选项卡封装(实例讲解)
Jul 13 Javascript
vue-router 手势滑动触发返回功能
Sep 30 Javascript
JavaScript怎样在删除前添加确认弹出框?
May 27 Javascript
Vue中通过属性绑定为元素绑定style行内样式的实例代码
Apr 30 Javascript
再也不怕 JavaScript 报错了,怎么看怎么处理都在这儿
Dec 09 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
ThinkPHP模板范围判断输出In标签与Range标签用法详解
2014/06/30 PHP
PHP SPL标准库之接口(Interface)详解
2015/05/11 PHP
详解PHP+AJAX无刷新分页实现方法
2015/11/03 PHP
PHP版单点登陆实现方案的实例
2016/11/17 PHP
15 个 JavaScript Web UI 库
2010/05/19 Javascript
Javascript 读取操作Sql中的Xml字段
2014/10/09 Javascript
js获取checkbox值的方法
2015/01/28 Javascript
jQuery UI结合Ajax创建可定制的Web界面
2016/06/22 Javascript
angularjs中的$eval方法详解
2017/04/24 Javascript
微信小程序之多文件下载的简单封装示例
2018/01/29 Javascript
vue组件实现进度条效果
2018/06/06 Javascript
在博客园博文中添加自定义右键菜单的方法详解
2020/02/05 Javascript
OpenLayers3实现鼠标移动显示坐标
2020/09/25 Javascript
Javascript表单序列化原理及实现代码详解
2020/10/30 Javascript
在Python中使用base64模块处理字符编码的教程
2015/04/28 Python
python实现ping的方法
2015/07/06 Python
Python装饰器原理与用法分析
2018/04/30 Python
浅谈python下tiff图像的读取和保存方法
2018/12/04 Python
python3实现多线程聊天室
2018/12/12 Python
python+opencv打开摄像头,保存视频、拍照功能的实现方法
2019/01/08 Python
Appium+python自动化怎么查看程序所占端口号和IP
2019/06/14 Python
python 实现交换两个列表元素的位置示例
2019/06/26 Python
Pytorch在dataloader类中设置shuffle的随机数种子方式
2020/01/14 Python
python中count函数简单的实例讲解
2020/02/06 Python
python标准库os库的函数介绍
2020/02/12 Python
python 动态绘制爱心的示例
2020/09/27 Python
Flask处理Web表单的实现方法
2021/01/31 Python
matplotlib 范围选区(SpanSelector)的使用
2021/02/24 Python
分享30个新鲜的CSS3打造的精美绚丽效果(附演示下载)
2012/12/28 HTML / CSS
Paradigit比利时电脑卖场:购买笔记本、电脑、平板和外围设备
2016/11/28 全球购物
二手书店创业计划书
2014/01/16 职场文书
品质主管岗位职责
2014/03/16 职场文书
2014组织生活会方案
2014/05/19 职场文书
股份转让协议书范本
2015/01/27 职场文书
初中数学课堂教学反思
2016/02/17 职场文书
OpenStack虚拟机快照和增量备份实现方法
2022/04/04 Servers