Question

此代码假设隐藏图像，然后以慢速显示图像，但它直接显示没有图像和完整图像

<script type="text/javascript">
var a=1.0;
function trans()
{
document.getElementById("img1").style.opacity=a;
if(a>0)
a=a-0.1;
else
a=1.0;
Window.setTimeout(trans(),1000);
 }

</script>
<style>

</style>
</head>

<body onload="trans();">
<img id="img1" src="img/image1.jpg" width="225" height="225"  />
</body>
</html>

Answer 1

使用window.setTimeout而非Window ...注意大写
您应该只传递函数名称trans()，而不是在setTimeout中调用trans。

window.setTimeout(trans,1000);

如果你坚持要调用，那么用anonymouns函数包装它。

window.setTimeout(function(){
    trans();
}, 1000)

Answer 2

你可以试试这个，“trans（）”而不是trans（），后者是一个电话。

<script type="text/javascript">
var a=1.0;
function trans()
{
  document.getElementById("img1").style.opacity=a;
  if(a>0)
    a=a-0.1;
  else
    a=1.0;
  window.setTimeout("trans()",1000);
}

</script>
<style>

</style>
</head>

<body onload="trans();">
<img id="img1" src="img/image1.jpg" width="225" height="225"  />
</body>
</html>

在javascript中使用不透明度的动画图像不起作用

2 个答案: