猫的Javascript动画_Javascript - Fatal编程技术网

猫的Javascript动画

javascript

猫的Javascript动画,javascript,Javascript,假设此网页上的猫在您单击时移动以移动，单击时停止移动。出于某种原因，我的没有这么做。我也没有收到任何错误。有人能告诉我我做错了什么吗 <!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"> <

假设此网页上的猫在您单击时移动以移动，单击时停止移动。出于某种原因，我的没有这么做。我也没有收到任何错误。有人能告诉我我做错了什么吗

<!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>


肥猫舞
肥猫舞


肥猫舞
肥猫舞

你忘了划几条线

编辑：好眼力，Zecc！您的

标记中的“javascript”拼写错误。


肥猫舞
肥猫舞

你忘了划几条线

编辑：好眼力，Zecc！您的

标记中的“javascript”拼写错误。

首先，您的

标记读取的是

text/javscript

，而不是

text/javascript

。这可能会使整个脚本被忽略

如果之后仍然不起作用，请尝试替换

document.animation.src=cats[fatCat]document.getElementById（'animation'）.src=cats[fatCat]

首先，您的
标记读取的是text/javscript
，而不是text/javascript
。这可能会使整个脚本被忽略
如果之后仍然不起作用，请尝试替换document.animation.src=cats[fatCat]document.getElementById（'animation'）.src=cats[fatCat]
Zecc的答案可能是正确的，我不想费心将其设置为测试。然而，您的代码风格应该更好。示例中的缩进都是akimbo，我希望这只是因为SO中的代码的格式。但大多数if语句也缺少括号，这加剧了缩进不良的问题
是
正确，或者应该是：
if (begin) {
    clearInterval(begin);     
    begin = setInterval("dance()",200);
}

因为提供的代码在含义上模棱两可。
Zecc的答案可能是正确的，我不想费心将其设置为测试。然而，您的代码风格应该更好。示例中的缩进都是akimbo，我希望这只是因为SO中的代码的格式。但大多数if语句也缺少括号，这加剧了缩进不良的问题
是
正确，或者应该是：
if (begin) {
    clearInterval(begin);     
    begin = setInterval("dance()",200);
}

因为提供的代码含义不明确。
据我所知，javascript中的定界是可选的，推荐使用，但可选：很抱歉，我使用的是PHP模式ATM.：但他的主要问题是
这件事。据我所知，在javascript中，定界是可选的，建议使用，但可选：很抱歉，我使用的是PHP模式ATM但是他的主要问题是这件事。原文是正确的。如果第二个处于活动状态，则该间隔将永远不会运行，因为开始时未定义begin。原始间隔是正确的。如果第二个是活动的，间隔将永远不会运行，因为开始时begin是未定义的。除了一些尴尬之外，这段代码还可以。我找不到会导致它崩溃的错误。事实上，当我提供自己的图像并运行代码时，它工作得非常好。你能解释一下“它没有这样做”吗？当你点击“开始跳舞”时，是否完全没有任何事情发生？同时提供您正在使用的浏览器。我正在使用firefox浏览器，当我单击开始跳舞时，我的猫由于某种原因无法移动，我仍在尝试使用它。除了一些尴尬之外，此代码还可以。我找不到会导致它崩溃的错误。事实上，当我提供自己的图像并运行代码时，它工作得非常好。你能解释一下“它没有这样做”吗？当你点击“开始跳舞”时，是否完全没有任何事情发生？同时提供您正在使用的浏览器。我正在使用firefox浏览器，当我单击开始跳舞时，我的猫由于某种原因没有移动，我仍在尝试使用它。
if (begin) {
    clearInterval(begin);     
    begin = setInterval("dance()",200);
}