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版网站风格切换实例代码
Oct 06 Javascript
使用JQuery进行跨域请求
Jan 25 Javascript
Jquery Ajax学习实例5 向WebService发出请求,返回泛型集合数据的异步调用
Mar 17 Javascript
JavaScript的代码编写格式规范指南
Dec 07 Javascript
JS组件Form表单验证神器BootstrapValidator
Jan 26 Javascript
js从外部获取图片的实现方法
Aug 05 Javascript
JS实现物体带缓冲的间歇运动效果示例
Dec 22 Javascript
js上下视差滚动简单实现代码
Mar 07 Javascript
js每隔两秒输出数组中的一项(实例)
May 28 Javascript
微信小程序自定义多选事件的实现代码
May 17 Javascript
微信小程序利用Canvas绘制图片和竖排文字详解
Jun 25 Javascript
vue缓存之keep-alive的理解和应用详解
Nov 02 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
phpMyAdmin链接MySql错误 个人解决方案
2009/12/28 PHP
Linux下实现PHP多进程的方法分享
2012/08/16 PHP
PHP临时文件的安全性分析
2014/07/04 PHP
PHP中strtr字符串替换用法详解
2014/11/26 PHP
Zend Framework教程之Zend_Db_Table表关联实例详解
2016/03/23 PHP
PHP抽象类和接口用法实例详解
2019/07/20 PHP
用js生产批量批处理执行命令
2008/07/28 Javascript
JS的document.all函数使用示例
2013/12/30 Javascript
如何获取网站icon有哪些可行的方法
2014/06/05 Javascript
jQuery中hide()方法用法实例
2014/12/24 Javascript
jQuery中:image选择器用法实例
2015/01/03 Javascript
jQuery向后台传入json格式数据的方法
2015/02/13 Javascript
JavaScript跨浏览器获取页面中相同class节点的方法
2015/03/03 Javascript
JavaScript中消除闭包的一般方法介绍
2015/03/16 Javascript
JScript中的条件注释详解
2015/04/24 Javascript
JavaScript实现鼠标滑过处生成气泡的方法
2015/05/16 Javascript
简单的分页代码js实现
2016/05/17 Javascript
jQuery基础知识点总结(必看)
2016/05/31 Javascript
vue实现todolist单页面应用
2017/04/11 Javascript
详解js的作用域、预解析机制
2018/02/05 Javascript
Vue实现todolist删除功能
2018/06/26 Javascript
vue-swiper的使用教程
2018/08/30 Javascript
vue中typescript装饰器的使用方法超实用教程
2019/06/17 Javascript
[57:53]DOTA2上海特级锦标赛主赛事日 - 2 败者组第二轮#3OG VS VP
2016/03/03 DOTA
[03:05]《我与DAC》之xiao8:DAC与BG
2018/03/27 DOTA
寻找网站后台地址的python脚本
2014/09/01 Python
Python正则表达式知识汇总
2017/09/22 Python
Python使用Dijkstra算法实现求解图中最短路径距离问题详解
2018/05/16 Python
tensorflow: 查看 tensor详细数值方法
2018/06/13 Python
在PYQT5中QscrollArea(滚动条)的使用方法
2019/06/14 Python
树莓派+摄像头实现对移动物体的检测
2019/06/22 Python
Python:二维列表下标互换方式(矩阵转置)
2019/12/02 Python
python requests包的request()函数中的参数-params和data的区别介绍
2020/05/05 Python
用python查找统一局域网下ip对应的mac地址
2021/01/13 Python
瑞典领先的汽车零部件网上零售商:bildelaronline24.se
2017/01/12 全球购物
英国Radley包德国官网:Radley London德国
2019/11/18 全球购物