我正在尝试在javascript中播放一系列图像。我不知道如何开始，因为我刚开始学习Javascript几天前。我一直试图找到这个问题的帮助，但我没有运气。
我想这样做：
这就是我现在所拥有的：
http://thecodingninja.com/muslim/practice.php
当您按下“新信”按钮时，它会显示一个新信件的图像。
我想知道当用户点击按钮时如何显示整个单词（字母序列）：因此它会在图像之后播放一系列图像来制作单词。
这是我想要的一个例子：
我不想要单词的级别或速度或长度，只是能够说出一个单词。
答案 0 :(得分：0)
这是一种方法。我假设您有一个标识为img的{{1}}标记和一个标识为image的输入字段，我从中选择拼写单词：
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()函数将选出第一个字母，在图像中设置该字母，然后设置一个计时器，以便在1000毫秒后调用自己，并使用单词sans the first letter。
nextLetter()函数将从输入字段中选择单词，并调用spellWord()设置第一个字母并激活其余单词的基于计时器的拼写。
我使用this JSBin来测试解决方案。