0

В общем мне надо медленно уменьшить прозрачность. Проблема в том, что j++ не работает с десятичными числами. Короче аналог fadeIn в jQuery

for(var j = 0.70; j < 0.90; j++){   
this.style.background = 'rgba(250,250,250,' + j + ')'
 }
// Это не правильно, но так понятнее будет , что я хочу сделать

1 ответ 1

1
for(var j = 70; j < 90; j++){
    this.style.background = 'rgba(250,250,250,' + (j/100) + ')'
}

UPD2 UPD3 (небольшую ошибку сделал).
Но лучше

var j = 70, me = this;
var f =  function f () {
    setTimeout(function() {
        j++;
        me.style.background = 'rgba(250,250,250,' + (j/100) + ')';
        if (j < 90) {
            f();
        }
    }, 100);
};
f();
9
  • @Антон Мухин у меня мигает теперь
    – Zow
    Commented 15 нояб. 2012 в 15:39
  • Что мигает?) И какой браузер. Commented 15 нояб. 2012 в 15:40
  • Ну я поставил твою функцию на onmouseover и теперь он становится то ярче то темнее. Браузер Хром. Да и в первом варианте все равно быстро очень получается(
    – Zow
    Commented 15 нояб. 2012 в 15:45
  • Что-то не увидел проблемы jsfiddle.net/GF6pS Commented 15 нояб. 2012 в 15:54
  • 2
    Так вы по 100 раз будете создавать таймер, куда эти расходы?
    – lampa
    Commented 15 нояб. 2012 в 17:06

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.