Question

我是JavaScript的新手，并且正在开发一个项目，每5秒钟更换一次图像，而不使用onClick命令。

第一个函数startAdPage应该在页面加载时启动，允许该函数内的setInterval命令开始。一旦changeAd函数启动，它应该用匹配的id替换表中的图像。

我真的很感激一些建议。一些可能是我不确定的问题是我的文档正文中包含Javascript，但是正文开头的onLoad。这也是一个问题吗？

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>CVR1</title>
</head>
<body onLoad="startAdPage()">
<script type="text/javascript">
/* <![CDATA[ */
function startAdPage() {
	setInterval(changAd,5000);
}
function changeAd() { 
	//THIS NEEDS WORK should change the image every 5 seconds to replace the one in the table
	document.getElementById("adImage").src = images[index];
	index = (index + 1) % images.length;
}
/* ]]> */
</script>
<table>
  <tr>
    <td><img id="adImage" src="pictures/cvb1.gif" ></td>
    <td><p>Advertisement</p><p>The Central Vally Realtors home page will be displayed in TEXTFIELD seconds.</p><p><a href="CVR2.html">Skip Advertisement</a></p></td> 
  </tr>
</table>
</body>
</html>

Answer 1

在这一行：

setInterval(changAd,5000);

changAd应为changeAd

请记住按F12并检查控制台是否有错误，您有：

未捕获的ReferenceError：未定义changAd

正如评论所示，似乎还缺少其他重要部分：images数组和index未定义。

var index = 0;

var images = [
    'image1.png',
    'image2.png'
];

在计时器上用JavaScript替换图像

1 个答案: