機能が終了した後に画像をリセットする方法

Question

Here「タイプを入力してください」という画像が表示されたら、入力してすべてを入力してください。

終了後、もう一度画像を表示したいと思います。 私はこのコードを持っている：

function imageReset() { 
    $("#image").reset(); 
} 

私はそれが戻ったばかりのnextLetter機能の他にチェックでソースを設定する単語

function setLetter(letter) { 
    var img = document.getElementById("image"); 
    if (letter && letter.length == 1) { 
    img.src =  "http://thecodingninja.com/muslim/fingerspellingimg/"+letter+"abc.jpg"; 
    } 
    else { 
    img.src = ""; 
    } 
} 

function nextLetter(word) { 
    if (word.length > 0) { 
    var firstLetter = word.charAt(0); 
    setLetter(firstLetter); 
    setTimeout(nextLetter, 1000, word.substring(1)); 
    } 
    else { 
    setLetter(); 

    } 
    } 

function spellWord() { 
    var word = document.getElementById("text").value; 
    nextLetter(word.toUpperCase()); 
    } 

Answer 1

私はあなたがする必要があるだろうすべては7

function setLetter(letter) { 
    var img = document.getElementById("image"); 
    if (letter && letter.length == 1) { 
    img.src =  "http://thecodingninja.com/muslim/fingerspellingimg/"+letter+"abc.jpg"; 
    } 
    else { 
    img.src = "/muslim/fingerspellingimg/HDabc.jpg"; // <-- right here 
    } 
} 

ライン上に設定されているロジックは、言葉が完了した後に、それは非常に最後にそれを打つだろうと思うだろうが流れます。

Answer 2

のスペルを終了した後、それが自動的に実行させる方法がわかりません。上記が完了すると

function nextLetter(word) { 
    if (word.length > 0) { 
    var firstLetter = word.charAt(0); 
    setLetter(firstLetter); 
    setTimeout(nextLetter, 1000, word.substring(1)); 
    } 
    else { 
    $("#image").attr('src',"fingerspellingimg/HDabc.jpg"); // set here instead of calling the setLetter again. 
    } 
} 

だから、それゆえの必要がない、あなただけの

function setLetter(letter) {   
    document.getElementById("image").src = "http://thecodingninja.com/muslim/fingerspellingimg/"+letter+"abc.jpg";  
} 

以下のようにsetLetter簡単なあなたの機能を保つことができるか、あなたのnextLetter関数自体へのコード行を移動することができますこの機能は全くありません。