这算是自己的第一篇博文吧，记录下关于web的学习路程，虽然在别人眼里平淡无奇，不过我能力有限，一步步慢慢来……

因为自己的疏忽与大意，急于把自己的代码精简，却没有去测试是否实现了代码原来的功能，造成之前书写的代码是错误的，下面写出我改过的代码，虽然这是贻笑大方的错误，但是我应该认识到自己的无知，并且改正过来……

这篇文章是自己查看代码时候发现的错误，行数不多，却挤满了错误，而且我从网上也发现了很多比我这个更好的办法，我的代码效率滴，而且使用不方便。

在错误中，我发现加载函数loopShow()时，利用<body onLoad="loopShow()">浏览器就会顺利执行，如果直接在标签<body>中书写<script>代码块调用这个函数，IE浏览器会报错，至于原因我在此不说了，怕又会贻笑大方，估计这是原理性的东西，我该好好掌握。

改正的代码如下：

  1. <!-forPicLoop--> 
  2. <html > 
  3. <head> 
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  5. <title>网页多图片每隔2S循环播放</title> 
  6. <script language="javascript">  
  7.   var i=1;//循环基数 
  8.   var number=2;//图片数量，根据图片数量来修改loopShow()中的if…else语句 
  9.   function loopShow(){   
  10.   if(i%number ==1) 
  11.         document.getElementById("se").src="图片2路径"; 
  12.   else 
  13.         document.getElementById("se").src="图片1路径"; 
  14.         i++;  
  15.     } 
  16.     setInterval("loopShow()",2000);//循环间隔时间在此更改，如2000ms 
  17.   </script> 
  18. </head> 
  19. <body onLoad="loopShow()"> 
  20.   <p align="center"><img id="se" src="图片1路径"/></p> 
  21.   </body> 
  22. </html> 

这是我以前贴入的代码，错误百出，误导了别人，在此道歉。

  1. <!-forPicLoop--> 
  2.  
  3. <html > 
  4.  
  5. <head> 
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  7. <title>网页多图片每隔2S循环播放</title> 
  8. <script language="javascript">  
  9.   function go(){ 
  10.   window.setInterval("loopShow()",2000); //循环间隔时间在此更改，如2000ms 
  11.   var temp=document.getElementById('se').src; 
  12.   } 
  13.   function loopShow(){   
  14.   if(i%number ==0)        
  15.         temp="图片2路径"; 
  16.   else 
  17.         temp="图片1路径"; 
  18.         i++; 
  19.     } 
  20.   </script> 
  21. </head> 
  22. <body> 
  23.   <script language="javascript"> 
  24.   var i=1;//循环基数 
  25.   var number=2;//图片数量，根据图片数量来修改loopShow()中的if…else语句 
  26.   go();//调用go()，开始激活setInterval()执行loopShow() 
  27.   </script> 
  28.   <p align="center"><img id="se" src="图片1路径"/></p> 
  29.   </body> 
  30. </html>