时间戳

首页 > 解决方案 > 如何每 100 毫秒将元素的不透明度降低 0.1？

javascript - 如何每 100 毫秒将元素的不透明度降低 0.1？

问题描述

我试图让它每 100 毫秒，指定元素的不透明度降低 0.1。这是我的代码：

       var loader = this.document.getElementById("loader");
       var op;
       for(op = 1.0; op > 0.0; op -= 0.1){
          window.setTimeout(function(){
              c.style.opacity = op.toString();
              loader.style.opacity = op.toString();
          }, 100)
       }

我是否可能会创建一个我不知道的无限循环？

标签： javascripthtmlcss

解决方案

一个简单的方法是使用setInterval("yourFunctionHere()", 100) 这将使您添加的函数在后台运行并每 100 毫秒执行一次。只需将您设置的不透明度内容放入一个函数中并在 setInterval 中执行它

推荐阅读