简单的Javascript CSS不透明度淡化功能

Question

我有以下代码：

<div id='icro' style="position:relative;left:-133px;float: left;top:-60px;opacity:0;">icro</div>
<script>
  var showicroDelay;
  showicro();
  function showicro() {
    document.getElementById('icro').style.opacity=parseInt(document.getElementById('icro').style.opacity) +.05;
    showicroDelay=setTimeout(showicro, 1);
    if (document.getElementById('icro').style.opacity==1) {
      clearTimeout(showicroDelay);
    }
  }
</script>

有人可以发现我的错误吗？我使用基本相同的代码移动元素，它完美无缺！ 截至目前，它只执行一次，因为不透明度设置为0.05。

由于

Answer 1

您应该使用parseInt，因为不透明度值介于0和1之间。