ASCII动画

Question

我不确定我的代码中缺少什么。 我无法使clearTimeout正常工作...我不断收到错误消息，说未定义myStopFunction（）。 有任何想法吗？ 我尝试重命名它并检查以确保所有内容都匹配，但我不确定为什么我会不断收到此错误！

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>ASCII Animations</title>
<h1> ASCII Animation Editor/Viewer </h1>
<br><h3> Jordan Keith: Linn-Benton Community College</h3>
<body>
<p> Enter the frams below, separated by "=====" 
<input onclick = "playAnimation();" type="button" id= "Play" value = "PLAY" />
<input onclick = "myStopFunction();" type="button" id= "Stop" value = "STOP" /></p>
<textarea id = "frameArea" cols="50" rows="30"></textarea>

<textarea id = "displayArea" cols="50" rows="30"></textarea>

<script src="ASCII.js"></script><br>

</form>
</div> 
</body>
</html>

的JavaScript

function playAnimation()
{
frameStr = document.getElementById("frameArea").value;

if(frameStr.indexOf("\r\n") !=-1)
{
    frameSeq = frameStr.split("=====\r\n");
}
else
{
    frameSeq = frameStr.split("=====\n");
}

currentFrame = 0;
showNextFrame();
}
var t;
function showNextFrame() 
{
document.getElementById("displayArea").value = frameSeq[currentFrame]

currentFrame = (currentFrame+1)% frameSeq.length;

t = setTimeout("showNextFrame();" , 250);
}

function myStopFuntion() 
{
clearTimeout(t);
}

Answer 1

您对myStopFunction的调用缺少函数C。

clearInterval(t);

是什么用于清除Javascript的计时器

Answer 2

由于函数名称中有错字，因此未调用myStopFunction 。

将function myStopFuntion()替换为function myStopFunction() 。

这是运行代码：

<head>
<script>
function playAnimation() 
{
    frameStr = document.getElementById("frameArea").value;

    if (frameStr.indexOf("\r\n") != -1) {
        frameSeq = frameStr.split("=====\r\n");
    } else {
        frameSeq = frameStr.split("=====\n");
    }

    currentFrame = 0;
    showNextFrame();
}
var t;

function showNextFrame() 
{
    document.getElementById("displayArea").value = frameSeq[currentFrame];

    currentFrame = (currentFrame + 1) % frameSeq.length;

    t = setTimeout(showNextFrame, 250);

}

function myStopFunction() 
{
    alert("Stopping Now");
    clearTimeout(t);
}
</script>
</head>
<body>
<form>
    <input onclick="playAnimation();" type="button" id="Play" value="PLAY" />
    <input onclick="myStopFunction();" type="button" id="Stop" value="STOP" />
    <textarea id="frameArea" cols="50" rows="30"></textarea>
    <textarea id="displayArea" cols="50" rows="30"></textarea>
</form>
</body>

JSFIDDLE LINK ： http : //jsfiddle.net/52Nvj/4/

ASCII动画

问题描述

2 个解决方案

解决方案1
0 2013-03-18 04:27:14

解决方案2
0 2013-03-18 05:59:26

ASCII动画

问题描述

2 个解决方案

解决方案1 0 2013-03-18 04:27:14

解决方案2 0 2013-03-18 05:59:26

解决方案1
0 2013-03-18 04:27:14

解决方案2
0 2013-03-18 05:59:26