Question

html5中的javascript问题求大神指教

var music = document.getElementById('awakeAudio');
var delayTime = parseInt(document.getElementById("delayTimeInput"));
document.onkeyup = function(event){
var keySpace = event||window.event||arguments.callee.caller.arguments[0];
if(keySpace && keySpace.keyCode==32){/*判断空格键*/
setTimeout(function(){/*设置定时器*/
music.play();
},delayTime);
}
}
上述是js代码

我定义了一个变量delayTime，想把<Input>文本框中的数值赋给delayTime；

目的是：实现按下空格键后，延迟<Input>中输入的自定义的时间后，播放一段音频。也就是你在文本框里输入一个数字，按下空格键后，音频就会延迟你输入数字的毫秒之后播放。

但上述代码，我按下空格键后，音频无延迟直接就播放了。逻辑上找不到错误，麻烦大神给看看。

Answer 1

我改成这样，确实会执行延时，逻辑是没问题的。那你看下delayTime是否获取正确。

还有一个问题就是当我连续多次按空格键的时候就会有问题，应该每次按空格键的时候清除一次延时器，再重新设置延时器。

（你试试重新进入页面，只按一次空格会不会有效果，如果是按一次有效果，按多次就不行了估计是上面说的延时器累积的问题）

追问

我也知道这样是可以的，但我最开始不想把delayTime定死成5000，我是想delayTime是可以通过在里面输入之后修改的，就是可以自定义delayTime的值

追答

所以先让你看下delayTime是否获取正确。

Answer 2

应该在事件触发以后去获取 input 的值, 而且你获取 input 的方式也不对.

var music = document.getElementById('awakeAudio');
document.onkeyup = function (event) {
  var keySpace = event || window.event || arguments.callee.caller.arguments[0];
  if (keySpace && keySpace.keyCode == 32) {/*判断空格键*/
    var delayTime = parseInt(document.getElementById("delayTimeInput").value);
    setTimeout(function () {/*设置定时器*/
      music.play();
    }, delayTime);
  }
}

Answer 3

var delayTime = parseInt(document.getElementById("delayTimeInput"));
delayTimeInput实际上是个 input吗？ 你这样获取不到时间吧
你可以console.log(delayTime )
看看是不是 你要取的值
var delayTime = parseInt(document.getElementById("delayTimeInput").value);