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 相关文章推荐
jquery.cvtooltip.js 基于jquery的气泡提示插件
Nov 19 Javascript
js RuntimeObject() 获取ie里面自定义函数或者属性的集合
Nov 23 Javascript
jQuery.clean使用方法及思路分析
Jan 07 Javascript
Jquery之Bind方法参数传递与接收的三种方法
Jun 24 Javascript
jquery向上向下取整适合分页查询
Sep 06 Javascript
js获取新浪天气接口的实现代码
Jun 06 Javascript
bootstrap快速制作后台界面
Dec 05 Javascript
JS实现图片点击后出现模态框效果
May 03 Javascript
Angular2使用Augury来调试Angular2程序
May 21 Javascript
webpack配置sass模块的加载的方法
Jul 30 Javascript
jQuery+PHP+Ajax实现动态数字统计展示功能
Dec 25 jQuery
Angular+Ionic使用queryParams实现跳转页传值的方法
Sep 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 设置MySQL连接字符集的方法
2011/01/02 PHP
php获取当前页面完整URL地址
2015/12/30 PHP
php代码检查代理ip的有效性
2016/08/19 PHP
PHP 计算两个时间段之间交集的天数示例
2019/10/24 PHP
window.onload 加载完毕的问题及解决方案(上)
2009/07/09 Javascript
JS获取及设置TextArea或input文本框选择文本位置的方法
2015/03/24 Javascript
JavaScript实现快速排序的方法
2015/07/31 Javascript
如何利用JS通过身份证号获取当事人的生日、年龄、性别
2016/01/22 Javascript
原生js制作日历控件实例分享
2016/04/06 Javascript
Bootstrap每天必学之导航组件
2016/04/25 Javascript
JavaScript程序中的流程控制语句用法总结
2016/05/23 Javascript
JS两个数组比较,删除重复值的巧妙方法(推荐)
2016/06/03 Javascript
后端接收不到AngularJs中$http.post发送的数据原因分析及解决办法
2016/07/05 Javascript
javascript数组去重方法分析
2016/12/15 Javascript
解决layer.open后laydate失效的问题
2019/09/06 Javascript
vue实现在v-html的html字符串中绑定事件
2019/10/28 Javascript
[52:52]完美世界DOTA2联赛PWL S3 LBZS vs access 第一场 12.10
2020/12/13 DOTA
使用BeautifulSoup爬虫程序获取百度搜索结果的标题和url示例
2014/01/19 Python
Python使用ctypes调用C/C++的方法
2019/01/29 Python
python实现的Iou与Giou代码
2020/01/18 Python
django-xadmin根据当前登录用户动态设置表单字段默认值方式
2020/03/13 Python
django使用F方法更新一个对象多个对象字段的实现
2020/03/28 Python
关于python 跨域处理方式详解
2020/03/28 Python
Python3通过chmod修改目录或文件权限的方法示例
2020/06/08 Python
Keras 切换后端方式(Theano和TensorFlow)
2020/06/19 Python
HTML5跳转小程序wx-open-launch-weapp的示例代码
2020/07/16 HTML / CSS
娇韵诗法国官网:Clarins法国
2019/01/29 全球购物
您在慕尼黑的跑步商店:Lauf-bar
2019/10/11 全球购物
MediaMarkt比利时:欧洲最大电器连锁店
2020/12/21 全球购物
非功能性需求都包括哪些方面
2013/10/29 面试题
思想政治教育专业个人求职信范文
2013/12/20 职场文书
庆元旦活动总结
2014/07/09 职场文书
公司法定代表人授权委托书
2014/09/29 职场文书
2016党员党章学习心得体会
2016/01/14 职场文书
Golang 实现WebSockets
2022/04/24 Golang
Nginx文件已经存在全局反向代理问题排查记录
2022/07/15 Servers