如何从列表中输入单词?恩。 instructables.com

时间:2013-08-07 17:45:41

标签: javascript html5

我正在尝试创建类似于“Let Make” _ 的内容,其中的字词是从http://www.instructables.com/的列表中输入的。

尝试在这里搜索或谷歌搜索“随机单词列表”和类似的术语,但没有到达任何地方。

对于使用什么语言或功能来创建它的任何指导表示感谢。

2 个答案:

答案 0 :(得分:1)

你可以从这样的事情开始 - http://jsfiddle.net/HhTVd/

var word   = ['i', ' l', 'i', 'k', 'e ',  'c', 'a', 'k', 'e'].reverse();
var intervalTimer = setInterval(function(){
    if (word.length == 0) {
        clearInterval(intervalTimer);//clear the timer wehn we have no letters
        return;
    }

    $('#txt').val($('#txt').val() + word.pop())
}, 300)

答案 1 :(得分:1)

这样的事情(http://jsfiddle.net/ARsyj/)也可能指向正确的方向:

var arrWordsList = ["ice cream", "bikes", "jewelry"];
var iCurrentWordIndex = 0;
var iCurrentLetterIndex = 0;
var iIntervalId;

function startPrintWords(iInterval) {
    iIntervalId = setInterval(printWords, iInterval);
}

function stopPrintWords() {
    clearInterval(iIntervalId);
}

function printWords() {
    if(iCurrentWordIndex + 1 > arrWordsList.length) {
        stopPrintWords();
        return;
    }

    var strCurrentText = $("#textbox").val();
    var strCurrentWord = arrWordsList[iCurrentWordIndex];

    $("#textbox").val(strCurrentText 
                      + strCurrentWord.charAt(iCurrentLetterIndex));

    if(strCurrentWord.length == iCurrentLetterIndex) {
        iCurrentLetterIndex = 0;
        iCurrentWordIndex++;
        $("#textbox").val("");
    } else {
        iCurrentLetterIndex++;
    }
}

$(document).ready(function () {
   startPrintWords(1000); 
});