Как сравнить каждый эелемент массива с другим элементом массива?

Question

[gktrgt]

Newbie code

var colorDefault = [100, 100, 100];
var colorSet = [189, 199, 165];

function compareArrays(element, index) {
return element === colorSet[index];
};

function changeRGB() {
if (colorDefault.length == colorSet.length && colorDefault.every(compareArrays)) {
clearInterval(timer);
console.log('stop')
} else {
colorDefault[0]++;
colorDefault[1]++;
colorDefault[2]++;
console.log(colorDefault);
};
};

var timer = setInterval(changeRGB, 100);

UPD: предыдущий код был никакой, немного изменил его ближе к человекопонятному. Однако осталась та же проблема, не удается остановить timer, когда элементы массива colorDefault, достигли значения элементов массива colorSet.

Answer 1

[Stalker_RED]

Плавный переход цвета можно сделать через css.
jsfiddle.net/q73az9ms
В этом примере в js только класс меняется.

Answer 2

[amatory10]

как-нибудь так:

var array1 = [22, 25, 30];
var array2 = [2, 5, 10];
var n1 = array1[0], n2 = array1[1], n3 = array1[2];
var n4 = array2[0], n5 = array2[1], n6 = array2[2];
while(true) {
  if(n4 !== n1) n4++;
  if(n5 !== n2) n5++;
  if(n6 !== n3) n6++;
  console.log(n4, n5, n6);
  if((n4+n5+n6) === (n1+n2+n3)) break;
}

Comments

[gktrgt]

Решение работает, но не совсем то, что надо.
Необходимо, чтоб каждый шаг приращения был записан в консоле.
Например:
array2 = [2, 5, 10]
array2 = [3, 6, 11]
array2 = [4, 7, 12]
...
array2 = [22, 25, 30]

[amatory10]

gktrgt: обновил