서로

Question

내가

var hue = ['#2dafe9','#5feec3','#fdaf17','#999999','#2b2b2b','#454323','#ab34ef', '#e324e2','#874edf','#18edf4']; 
    function getHue(){ 
     return hue[Math.floor(Math.random() * hue.length)]; 
    } 

    function rainbow(){ 
     $("header[role='postHeader']").each(function(){ 
       $(this).css('background-color',getHue()); 
     }); 
    } 
    rainbow(); 

내 질문은이 코드를 사용하여 임의의 배경 색상을 추가 해요 옆에 동일하지 않을 것입니다 색상을 선택하는 방법, 어떻게하지 않고 배열의 순서에서 색상을 선택합니다 결과에서 서로 옆에 같은 색상으로 표시되므로 색상이 배열 순서를 따르고 마지막 배열로 이동하면 첫 번째 배열로 되돌아갑니다.

Answer 1

function getHue() { 
    var t = hue.shift(); 
    hue.push(t); 
    return t; 
} 

첫 번째 색조를 취하여 배열 끝에 다시 가져 와서 반환합니다.

Answer 2

로컬 변수를 유지하고 배열을 탐색합니다.

(function(){ 
    var idx = 0; 
    function getHue(){ 
    return hue[idx = idx++ % hue.length]; 
    } 
})();