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 相关文章推荐
两个listbox实现选项的添加删除和搜索
Mar 01 Javascript
Javascript 中 null、NaN和undefined的区别总结
Apr 10 Javascript
IE8中使用javascript动态加载CSS的解决方法
Jun 17 Javascript
js中string转int把String类型转化成int类型
Aug 13 Javascript
jQuery对象的length属性用法实例
Dec 27 Javascript
Jquery获取第一个子元素简单实例
Jun 02 Javascript
jQuery Validate验证框架详解(推荐)
Dec 17 Javascript
Bootstrap进度条学习使用
Feb 09 Javascript
无法获取隐藏元素宽度和高度的解决方案
Mar 07 Javascript
很棒的vue弹窗组件
May 24 Javascript
JavaScript 完成注册页面表单校验的实例
Aug 19 Javascript
vue created钩子函数与mounted钩子函数的用法区别
Nov 05 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个人网站架设连环讲(二)
2006/10/09 PHP
一个PHP操作Access类(PHP+ODBC+Access)
2007/01/02 PHP
PHP 开源框架22个简单简介
2009/08/24 PHP
如何在symfony中导出为CSV文件中的数据
2011/10/06 PHP
php中将数组存到文件里的实现代码
2012/01/19 PHP
PHP+APACHE实现网址伪静态
2015/02/22 PHP
PHP中SQL查询语句的id=%d解释(推荐)
2016/12/10 PHP
jQuery live( type, fn ) 委派事件实现
2009/10/11 Javascript
javascript闭包的高级使用方法实例
2013/07/04 Javascript
JavaScript实现页面实时显示当前时间的简单实例
2013/07/20 Javascript
js函数调用的方式
2014/05/06 Javascript
jQuery应用之jQuery链用法实例
2015/01/19 Javascript
在Javascript中处理数组之toSource()方法的使用
2015/06/09 Javascript
jQuery实现的仿百度分页足迹效果代码
2015/10/30 Javascript
jquery在ie7下选择器的问题导致append失效的解决方法
2016/01/10 Javascript
JavaScript模拟push
2016/03/06 Javascript
微信小程序 绘图之饼图实现
2016/10/24 Javascript
微信小程序 实现动态显示和隐藏某个控件
2017/04/27 Javascript
关于vue中watch检测到不到对象属性的变化的解决方法
2018/02/08 Javascript
vue数据传递--我有特殊的实现技巧
2018/03/20 Javascript
jQuery 获取除某指定对象外的其他对象 ( :not() 与.not())
2018/10/10 jQuery
Vue和React组件之间的传值方式详解
2019/01/31 Javascript
JavaScript前端页面搜索功能案例【基于jQuery】
2019/07/10 jQuery
用Angular实现一个扫雷的游戏示例
2020/05/15 Javascript
Vue 事件的$event参数=事件的值案例
2021/01/29 Vue.js
Python编程求解二叉树中和为某一值的路径代码示例
2018/01/04 Python
TensorFlow中权重的随机初始化的方法
2018/02/11 Python
浅谈CSS3鼠标移入图片动态提示效果(transform)
2017/11/06 HTML / CSS
法国在线药房:DoctiPharma
2020/10/21 全球购物
你所知道的集合类都有哪些?主要方法?
2012/12/31 面试题
集团公司总经理岗位职责
2013/12/20 职场文书
服装促销活动方案
2014/02/23 职场文书
泸县召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
初中中等生评语
2014/12/29 职场文书
匿名检举信范文
2015/03/02 职场文书
教务处教学工作总结
2015/08/10 职场文书