setInterval 不运行，图片轮播代码修复教程

本文提供了一个使用 setInterval 函数实现图片轮播功能的代码示例，并解释了代码错误的原因，以及如何修复代码以使 setInterval 函数正常工作。

根据你提供的代码，有一个错误没有定义变量i，所以setInterval函数无法正常工作。你可以尝试在<script>标签中定义变量i并初始化为0，然后再使用setInterval函数。以下是修正后的代码：

<!DOCTYPE html>
<html>
  <head>
	<meta charset='utf-8' name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no'>
	<title>WebCat</title>
  </head>
  <body>	
	<img id='img' width='100%' src='https://p5.a.yximgs.com/ufile/atlas/NTIzNDg3MTczMTcwMTg5OTI1Nl8xNjk0Njg2OTEyODQ2_0.jpg'>
 <script>
var i = 1;
setInterval(function() {
  document.getElementById('img').src = 'https://p5.a.yximgs.com/ufile/atlas/NTIzNDg3MTczMTcwMTg5OTI1Nl8xNjk0Njg2OTEyODQ2_' + i + '.jpg';
  i++;
}, 100);
 </script>
  </body>
</html>

这样，每100毫秒，图片的src属性将更新为下一个图片的URL。