我不知道为什么我的猫根本不动。我很确定他们也是这么想的。有人可以指出我是否应该这样做以及我做错了什么谢谢。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Fat Cat Dancing</title>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<script type= "text/javscript">
<![CDATA[
var cats = new Array(3);
var fatCat = 0;
var direction;
var begin;
cats[0] = "fatcat0.gif";
cats[1] = "fatcat1.gif";
cats[2] = "fatcat2.gif";
function dance() {
if (fatCat == 0)
direction = "right";
else if (fatCat == 2)
direction = "left"
if (direction == "right")
++fatCat;
else if (direction == "left")
--fatCat;
document.animation.src = cats[fatCat];
}
function startDancing() {
if (begin)
clearInterval(begin);
begin = setInterval("dance()",200);
}
]]>
</script>
</head>
<body>
<h1>Fat Cat Dancing</h1>
<p><img src="fatcat1.gif" name="animation" alt="animation" id="animation"/></p>
<form action= "">
<input type="button" name="run" value="Start Dancing" onClick="startDancing();"/>
<input type="button" name="stop" value="Stop Dancing " onClick="clearInterval(begin);"/>
</form>
</body>
</html>
最佳答案
尝试:
document.getElementById('animation').src = cats[fatCat];
您的代码假设该元素可以通过名称作为“文档”的属性使用，但事实并非如此。
此外，正如另一个答案所暗示的那样，您的“setInterval()”调用可以是:
begin = setInterval(dance, 200);
关于JavaScript 动画问题(肥猫跳舞)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5626450/