javascript - Javascript 计时器

Question

因此，我正在尝试制作一个计时器，每秒将提交的单词中的一个字母放入输入中。

像这样的东西。假设输入了字符串“matsumoto”，输出将是： 1. m 2. ma 3. mat 4. mats 5. matsu 6. matsum 7. matsumo 8. matsumot 9. matsumoto

我之前真正做过的只是定时警报。如果有人可以帮助我或给我一个起点，我将不胜感激！

Answer 1

就像是

var str = 'matsumoto';
var inp = document.getElementById('your element id');
var index = 0;
var hnd = setInterval(function()
{
    inp.value += str[index++];

    if (index == str.length)
        clearInterval(hnd);
}, 1000);

应该做的伎俩。这将创建一个变量来保存您的字符串，获取对输入元素的引用以填充字符，然后设置起始索引。然后每 1000 毫秒（即一秒）调用该setInterval方法，并将当前索引处的字符添加到输入元素。然后索引递增，并针对字符串的长度进行测试，如果它们匹配，我们就完成了，所以我们使用该clearInterval方法来停止计时器。

Answer 2

这可以帮助你，W3c JavaScript 计时事件：

http://www.w3schools.com/js/js_timing.asp