6個DIV 135或246間隔一秒輪番顯示效果
更新時間：2010年07月24日 01:00:17 作者：
6個DIV 間隔一秒 輪番進行奇偶顯示. 比如先135 一秒后 246 然后再135 循環(huán)
在某技術(shù)群看到 A君 提出的如下一個問題:
A君
6個DIV 間隔一秒 輪番進行奇偶顯示. 比如先135 一秒后 246 然后再135 循環(huán)
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君
用數(shù)組，也影響效率
看完不得感嘆 D君 的方法真的很好，如果是我真的想不出如此高效率的方法。
A君
6個DIV 間隔一秒 輪番進行奇偶顯示. 比如先135 一秒后 246 然后再135 循環(huán)
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君
用數(shù)組，也影響效率
看完不得感嘆 D君 的方法真的很好，如果是我真的想不出如此高效率的方法。
相關(guān)文章
這篇文章給大家總結(jié)了JS設(shè)置CSS樣式的幾種方式，每種方式都非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-01-01
這篇文章主要為大家詳細介紹了微信小程序自定義頂部導航組件，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
JavaScript如何監(jiān)測數(shù)組的變化
最近在造輪子的時候遇到了這么一個問題,那就是數(shù)組在調(diào)用內(nèi)部方法的時候怎么才可以監(jiān)聽到數(shù)組發(fā)生了變化,這篇文章主要給大家介紹了關(guān)于JavaScript如何監(jiān)測數(shù)組變化的相關(guān)資料,需要的朋友可以參考下2021-07-07
這篇文章主要介紹了TypeScript 泛型，對泛型感興趣的同學，可以參考下2021-05-05
JavaScript Window瀏覽器對象模型方法與屬性匯總
本文給大家匯總分享的是JavaScript Window瀏覽器對象模型方法與屬性，十分的細致全面，這里推薦給大家，有需要的小伙伴可以參考下。2015-04-04
在本篇文章里我們給大家?guī)硪黄P(guān)于用原生JS編寫兼容IE6,7,8瀏覽器無縫自動輪播的相關(guān)知識點，需要的朋友們參考下。2018-10-10
分享10個優(yōu)化代碼的CSS和JavaScript工具
如果你想在保持文件的時候或執(zhí) 行的階段lint代碼，那么linting工具也可以如你所愿。這取決于個人的選擇。如果你正在找尋用于CSS和JavaScript最好的 linting工具，那么請繼續(xù)閱讀2016-05-05
WebSocket最大特點就是服務器可以主動向客戶端推送信息,客戶端也可以主動向服務器發(fā)送信息,是真正的雙向平等對話,屬于服務器推送技術(shù)的一種,下面這篇文章主要給大家介紹了關(guān)于如何優(yōu)雅的使用WebSocket的相關(guān)資料,需要的朋友可以參考下2022-05-05
下面小編就為大家?guī)硪黄狫S控制FileUpload的上傳文件類型實例代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
javascript實現(xiàn)checkbox復選框?qū)嵗a
這篇文章主要為大家介紹了javascript實現(xiàn)checkbox復選框?qū)嵗a，對checkbox復選框進行美化，感興趣的小伙伴們可以參考一下2016-01-01