Привет всем ещё раз. Сразу скажу что то, что это написано на чистом JS: так нужно автору. И да, я в курсе, что на jQuery уже есть куча готовых решений по этому поводу. Прошу помощи в другом. Есть скрипт, который меняет задний фон "плавно". Где-то в нём есть "вечный цикл", который я что-то пока не могу найти, вернее найти могу, а вот причину его вечных повторений нет. Прошу помощи. Сам скрипт:
//Рандомно выбирает число
function randomcolor(min_random, max_random) {
var t = max_random - min_random + 1;
return Math.floor(Math.random() * t) + min_random;
}
//Фунция для чтения значения свойства css
function getStyle(el, styleProp) {
var x = document.getElementById(el);
if (x.currentStyle) var y = x.currentStyle[styleProp];
else if (window.getComputedStyle) var y = document.defaultView.getComputedStyle(x, null).getPropertyValue(styleProp);
y = parseFloat(y);
return y;
}
//Функция для "плавного" изменения цвета фона
function change_color(color) {
flag = 1;
while (flag == 1) {
opacity = getStyle('mainid', 'opacity');
setTimeout('sopacity(opacity)', 100);
}
document.body.bgColor = color;
flag = 1;
opacity = getStyle('mainid', 'opacity');
while (flag == 1) {
setTimeout('mopacity(opacity)', 100);
}
}
//Функция для постепенного уменьшения прозрачности body
function sopacity(small_opacity) {
if (small_opacity > 0.3) {
small_opacity = small_opacity - 0.1;
document.body.style.opacity = small_opacity;
} else flag = 0;
}
//Функция для постепенного увеличения прозрачности body
function mopacity(big_opacity) {
if (big_opacity > 0.3) {
big_opacity += 0.1;
document.body.style.opacity = big_opacity;
opacity = big_opacity;
} else flag = 0;
}
//Точка входа
window.onload = function () {
colors = ["#00FFFF", "#34985", "#0000FF", "#808080"];
setInterval("change_color(colors[randomcolor(1,4) - 1])", 5000);
}
Прошу гуру JS помочь мне выбраться из этой "индуской" ямы. Спасибо.