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 相关文章推荐
JSON 入门指南 想了解json的朋友可以看下
Aug 26 Javascript
关于jquery ajax 调用带参数的webservice返回XML数据一个小细节
Jul 31 Javascript
jquery实现固定顶部导航效果(仿蘑菇街)
Mar 21 Javascript
防止jQuery ajax Load使用缓存的方法小结
Feb 22 Javascript
jquery图片轮播插件仿支付宝2013版全屏图片幻灯片
Apr 03 Javascript
JS+CSS相对定位实现的下拉菜单
Oct 06 Javascript
javascript中tostring()和valueof()的用法及两者的区别
Nov 16 Javascript
AngularJS实现textarea记录只能输入规定数量的字符并显示
Apr 26 Javascript
jQuery select自动选中功能实现方法分析
Nov 28 Javascript
vue.js实现请求数据的方法示例
Feb 07 Javascript
Echarts基本用法_动力节点Java学院整理
Aug 11 Javascript
VUE.js实现动态设置输入框disabled属性
Oct 28 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 ss7.5的数据调用 (笔记)
2010/03/08 PHP
js实现简单模态窗口,背景灰显
2008/11/14 Javascript
Uglifyjs(JS代码优化工具)入门 安装使用
2020/04/13 Javascript
express的中间件cookieParser详解
2014/12/04 Javascript
jQuery中:submit选择器用法实例
2015/01/03 Javascript
javascript自动生成包含数字与字符的随机字符串
2015/02/09 Javascript
JavaScript自定义等待wait函数实例分析
2015/03/23 Javascript
JavaScript实现的背景自动变色代码
2015/10/17 Javascript
jQuery中使用animate自定义动画的方法
2016/05/29 Javascript
jQuery实现邮箱下拉列表自动补全功能
2016/09/08 Javascript
通过bootstrap全面学习less
2016/11/09 Javascript
JS基于递归实现倒计时效果的方法
2016/11/26 Javascript
bootstrap的工具提示实例代码
2017/05/17 Javascript
JS判断一个数是否是水仙花数
2017/06/11 Javascript
Bootstrap Table从零开始
2017/06/30 Javascript
关于jQuery.ajax()的jsonp碰上post详解
2017/07/02 jQuery
浅谈pc端rem字体设置的问题
2017/08/03 Javascript
VUEX采坑之路之获取不到$store的解决方法
2019/11/08 Javascript
vue的三种图片引入方式代码实例
2019/11/19 Javascript
jquery实现有过渡效果的tab切换
2020/07/17 jQuery
[01:14]DOTA2 7.22版本新增神杖效果展示(智力英雄篇)
2019/05/29 DOTA
python在命令行下使用google翻译(带语音)
2014/01/16 Python
Python编程修改MP3文件名称的方法
2017/04/19 Python
Python实现嵌套列表及字典并按某一元素去重复功能示例
2017/11/30 Python
用python标准库difflib比较两份文件的异同详解
2018/11/16 Python
Python----数据预处理代码实例
2019/03/20 Python
python中wheel的用法整理
2020/06/15 Python
HTML5 文件上传下载的实例代码
2017/07/03 HTML / CSS
欧姆龙医疗欧洲有限公司:Omron Healthcare Europe B.V
2020/06/13 全球购物
Perfume’s Club中文官网:西班牙美妆在线零售品牌
2020/08/24 全球购物
建龙钢铁面试总结
2014/04/15 面试题
领导班子群众路线与四风问题对照检查材料思想汇报
2014/10/11 职场文书
爱心捐书倡议书
2015/04/27 职场文书
资产移交协议书
2016/03/24 职场文书
互联网的下一个风口:新的独角兽将诞生
2019/08/02 职场文书
详解nodejs内置模块
2021/05/06 NodeJs