> 웹 프론트엔드 > JS 튜토리얼 > 6개의 DIV 135 또는 246이 1초 간격으로 차례로 효과를 표시합니다_javascript 스킬

6개의 DIV 135 또는 246이 1초 간격으로 차례로 효과를 표시합니다_javascript 스킬

WBOY
풀어 주다: 2016-05-16 18:22:27
원래의
1450명이 탐색했습니다.

기술팀에서 A씨가 제기한 다음 질문을 보았습니다.

A씨

6개의 DIV가 1초 간격으로 홀수와 짝수로 표시됩니다. 예를 들어 처음 135입니다. , 1초 후에는 246, 다시 135

Mr. A

코드는 짧고 간결해야 합니다

Mr. 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) ? '없음';

}, 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 Jun
배열을 사용하면 효율성에도 영향을 미칩니다.

읽어보니 이해가 안 되네요. 도와주세요, D씨의 방법이 정말 좋다고 한숨을 쉬네요. 이렇게 효율적인 방법은 정말 생각나지 않네요.
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿