JS setInterval() запускается только один раз при анимационной непрозрачности

Question

Я искал и увидел, что большинство людей с этой проблемой передают вызов функции, а не имя функции, то есть: setInterval (myFunc(), 100) вместо setInterval (myFunc, 100)

Но я не, и это все еще не сработает ... Я также видел много людей, говорящих, что вам нужно разобрать плащ на непрозрачность, чтобы заставить его работать, я пробовал это и это по-прежнему дает тот же результат ...

функция runSubMenu1(), как представляется, работать только один раз, независимо от того, включают ли я КРП (i.style.opacity == 1) статья или не

Не знаете, куда идти отсюда? совет?

<script type="text/javascript"> 

var run; 
var runOpt; 

function openSubMenu1(item) { 
    runOpt=item; 
    run = setInterval(runSubMenu1,100); 

} 

function runSubMenu1() { 
    var i=document.getElementById('menu-1-'+runOpt); 

    if(i.style.opacity==1){clearInterval(run);} 
    else{i.style.opacity+=.1;} 


} 


</script> 

EDIT: внесены изменения, упомянутых jfriend00 и непрозрачность имеет значение 0 набора в оригинальной CSS отправленной со страницей, после 1 итерации непрозрачность, кажется, 0,1

Answer 1

Вы должны разбором значение, так как это строка, в противном случае += .1 не удается:

else { i.style.opacity = parseFloat(i.style.opacity) + .1; } 

Вы добавляете .1 к ".1", что приводит к: ".1.1". Присвоение этого значения непрозрачности вызывает парсер чисел, потому что это числовое значение, но это не удается, поскольку оно не является допустимым числом, поэтому оно возвращается к .1. Интервал цикла бесконечно, но поскольку он перемещается только от 0 до .1, похоже, что он только один раз выполнялся.

Это jsFiddle, чтобы показать результат.