Question

我使用下面的java脚本代码创建带图像的幻灯片放映 img1.jpg，img1.jpg和img3.jpg。但它在输出中只显示img1.jpg。请告诉问题。

<html>
<style>
#slideshow{width:310;height:210;border-style:solid;}
#slideshow>img{position:absolute;left:15;top:15}
</style>
<body>
<div id="slideshow">
<img id="imge" src="img1.jpg" height="200" width="300">
</div>
<script>
var count=2;
function mf()
{
document.getElementById("imge").src="img"+count+".jpg";
document.getElementById("imge").height="200";
document.getElementById("imge").width="300";
if(count<3)
count++;
else
count=1;
setTimeout("mf()",3000);
}
</script>
</body>
</html>

Answer 1

之后您需要使用mf（）;

开始编写脚本

<script>
   var count=2;
   // if your script is at the bottom of the page, you can move 
   // these three lines out here
   var elem = document.getElementById("imge");  
   elem.height="200";
   elem.width="300";

   function mf() {

      elem.src="img"+ (count + 1) +".jpg"; // add 1 to grab images 1 through 3

      count = ((count + 1) % 3); // will loop from 0 to 2 and back again
      setTimeout(mf,3000);
   }
   mf(); // kick off the first iteration of the slideshow
</script>

幻灯片javascript无法正常工作

1 个答案: