1

ここでコードに何が欠けているのかわかりません。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);
}
4

2 に答える 2

0

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/

于 2013-03-18T05:59:26.273 に答える
0

myStopFunction の呼び出しに C in 関数がありません。

clearInterval(t);

Javascriptのタイマーをクリアするために使用されるものです

于 2013-03-18T04:27:14.647 に答える