<html> <body> <script> // 定义一个图片数组 var images = ['image1.jpg','image2.jpg','image3.jpg']; // 定义一个变量，用于保存当前图片的索引值 var currentimageIndex = 0; // 定义一个函数，用于更换图片 function changeImage() { // 获取需要更换的图片元素 var imgElement = document.getElementById('myImage'); // 切换到下一个图片 currentimageIndex++; // 如果已经到了最后一张图片，就回到第一张 if (currentimageIndex >= images.length) { currentimageIndex = 0; } // 设置图片元素的src属性为当前图片的地址 imgElement.src = images[currentimageIndex]; } // 每隔3秒钟就调用一次changeImage()函数 setInterval(changeImage,3000); </script> <img id="myImage" src="image1.jpg"> </body> </html>在上面的代码中，我们首先定义了一个图片数组images和一个变量currentimageIndex，用于保存当前图片的索引值。然后定义了一个函数changeImage，用于更换图片。函数内部会先获取需要更换的图片元素，然后切换到下一张图片，并设置图片元素的src属性为当前图片的地址。 最后，我们使用setInterval函数每隔3秒钟就调用一次changeImage函数，从而实现图片自动更换的功能。显示的图片开始是image1.jpg，而三秒后就变为image2.jpg，再过三秒就变为image3.jpg，之后又回来了image1.jpg，反复循环。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
