javascript - 在 JavaScript 中延迟后弹奏钢琴键

Question

我试图编写一个脚本，通过使用 JavaScript 为我“单击”这些键，在这个在线键盘上“播放”一些键。

编码

//sample array to iterate over
var keys_ = ['et', 'dst', 'et', 'dst', 'et', 'b', 'dt', 'ct', 'a', ...];

//handles the clicking only
function playKey(id_) {
    key_ = document.getElementById(id_);
    key_.click(); }

//iterates over the array
function playKeys(keys_) {
    delay = 1000;
    for (i = 0; i < keys_.length; i++) {
        console.log(delay);
        key_ = keys_[i];
        console.log(key_);
        window.setTimeout('playKey(key_)', delay);
        delay += 1000; 
        } 
    }

输出

控制台抛出以下错误：

1000
et
2000
dst
...
9000 未定义
的 未捕获类型错误：无法读取 null p-ano.html:142 的属性“样式”：142 8 未捕获类型错误：无法调用 null 的方法“点击”

如您所见，delay和key_值是完全正确的。但是当我执行此操作时，在一秒钟后（即第^一次超时），所有键似乎都同时播放，然后什么也没有发生。

我究竟做错了什么？

PS：我看到过类似的其他问题并搜索了谷歌和其他论坛，无济于事

Answer 1

了解闭包。

window.setTimeout(function(){ playKey(key_); }, delay);

并且您对全局变量和本地变量有疑问。使用变量！

我写它的方式是

( function() {
    var keys_ = ['et', 'dst', 'et', 'dst', 'et', 'b', 'dt', 'ct', 'a'],
        delay = 250,
        currentIndex = 0,
        playKeys = function () {
            document.getElementById(keys_[currentIndex]).click();        
            currentIndex++;
            if (currentIndex<keys_.length) {
                window.setTimeout(playKeys,delay);
            }    
        };    
    playKeys();
})();

Answer 2

嗯？已经有一个名为playstr().

function playstr(instr) {
    keystr = instr;
    time = 0;
    k = 0;
    for (i = 0; i < keystr.length; i++) {
        setTimeout("playkbd(keystr[k])", time += 50);
        setTimeout("k++", time + 50);
        setTimeout("cb()", time += 200);
    }
}​

尝试按“z”、“x”或“m”来运行它们。

if (key=="z")
  playstr("wetyuyuju     ujo..juyyuj..uyttfy..yuytft     ujp..o;poko     opoj..uy\
  uju     ujo..juyyuj..uyttfy..yuytft     w e t y u y uoj u ")

if (key=="x")
  playstr("tgtdtgtdtgghhgtdd              tgtdtgtdtgghhgtdd              djjjkjhh\
  jhghjhg djjjkjhhjhghjhg djjjkjhhjhghjhg djjjkjhhjh     tgtdtgtdtgghhgtdd")

if (key=="m")
  playstr("         k j y j k j y f e f e a e f y j k j y j k j y f e f e a e f y\
   j k j y j k j y f e f e a e f y j k j y j k j y f e f e a e f y j ")

我正在运行一面镜子，想知道如何自动播放和弦。

// F F 1 F A N F A R E 

if (key==".") {
  setTimeout("playstr('u y u yo ok ok ku y g yf   u y u yo ok ok ku y u op ')",100)
}

Answer 3

我假设您发布的代码正是您正在运行的代码。在这种情况下，三个点是非法的。

keys_ = ['et', 'dst', 'et', 'dst', 'et', 'b', 'dt', 'ct', 'a', ...]

尝试删除它们

keys_ = ['et', 'dst', 'et', 'dst', 'et', 'b', 'dt', 'ct', 'a']

另外，作为提示，尝试编写更简洁的 javascript。var在声明变量之前使用。;用分号结束你的陈述。