JavaScript元素淡入间隔时间不正常

Question

我编写的代码，我为了让某个div淡入淡出当我的window.pageYOffset超过400，它奇怪。首先，它淡入，但闪烁，直到不透明度设置为1.0，我不知道如何解决它。请帮助我我不知道哪个是我的错误。这里是代码：

var navBarVisibility = function() { 
    if (window.pageYOffset > 400) { 
     var movies = document.getElementById("movies"); 
     var opacity = 0.1; 
     var apparence = function() { 
      if (opacity <= 1.0) { 
       movies.style.opacity = opacity; 
      } else { 
       clearInterval(timer2); 
       clearInterval(timer); 
      } 
      opacity += 0.1; 
     } 
     var timer = window.setInterval(apparence, 70); 
    } 
} 
var timer2 = window.setInterval(navBarVisibility, 1); 

非常感谢。

Answer 1

它的作用，那是因为你没有检查代码已经运行，因此它保持了和射击相同的事件你是过去400

当在您需要取消定时器时的偏移量是过去400.