如何使用Javascript播放一系列图像

我正在尝试用javascript播放一系列图像。我不知道如何开始，因为我几天前才开始学习Javascript。我一直在努力寻找帮助来解决这个问题，但我运气不好

我想这样做：

用户单击一个按钮

该网站通过一系列图像逐一播放

这就是我现在拥有的：

当你按下“新字母”按钮时，它会显示一个新字母的图像

我想知道当用户点击按钮时，如何显示整个单词（字母序列）：这样它会一个接一个地播放图像序列来生成单词

以下是我想要的示例：

---

我不想要单词的水平、速度或长度，只要能造出一个单词。

这里有一种方法。我假设您有一个ID为

image

的

img

标签和一个ID为

text

的输入字段，我从中选择要拼写的单词：

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());
}

setLetter（）

函数将为给定的字母设置图像（假设它是大写的。更健壮的实现将检查它是否是我们已经有图像的字符）

nextLetter（）

函数将选择第一个字母，在图像中设置该字母，然后设置一个计时器，使其在1000毫秒后自动调用第一个字母

spellWord（）

函数将从输入字段中选取单词，并调用

nextleter（）

设置第一个字母并激活单词其余部分的基于计时器的拼写

---

我曾经测试过这个解决方案。

很难理解你的问题。您能否尝试重新措辞，使其更简洁，准确地表达您需要的帮助，例如，您是否正在寻求有关如何设置在单个字母之间暂停的计时器的帮助？如何生成一个随机的单词来显示，或者什么？我正在尝试将它连接到我连接图像的地方来播放，有点像gif。是的，但是你需要帮助的是它的哪一部分？这不是一个“修复我的程序”网站。我们可以帮助您解决具体问题，而不仅仅是给您一个解决方案……我正试图找出如何启动itI我仍然不确定您要查找的确切部分，但如果是在循环中逐个显示图像的问题，您要查找的秘密酱是计时器。看看这个：