功能完成后如何重置图像

时间:2016-03-23 19:44:39

标签: javascript html

Here,您会看到一个图像,上面写着“在框中输入”,您点击输入一切正常。

完成后我希望它再次显示图像。 我有这段代码:

System.out.println("The number of values in the range from "+ n1 + " to "+ n2 + "is: ");

我不知道如何在拼写单词

后自动运行
function imageReset() {
    $("#image").reset(); 
}

2 个答案:

答案 0 :(得分: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
  }
}

在单词完成后,它会在最后点击它的逻辑流程。

答案 1 :(得分:0)

只需将源设置回nextLetter函数的else检查。

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.
  }
 }

因此,完成上述操作后,您可以将功能setLetter简单地保存在下面

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

或者您可以将这行代码移动到nextLetter函数本身,因此根本不需要此函数。