Javascript “不适用任何变更”；styleAnimationDuration“；选择

我正在做一个Javascript练习，其中必须叠加两个图像（一架飞机飞越海滩）。在其中，我必须停止和启动动画，还可以选择动画的速度

前两个功能（启动和停止）正常工作，但不改变速度，如下所示：

var playa = undefined;

window.onload = function () {
    playa = document.getElementById("playa"); 
}

function parar() {
    playa.style.animationPlayState = "paused";
    playa.style.MozAnimationPlayState = "paused";
    playa.style.WebkitAnimationPlayState = "paused";    
}

function seguir() {
    playa.style.animationPlayState = "running";
    playa.style.MozAnimationPlayState = "running";
    playa.style.WebkitAnimationPlayState = "running";     
}

function velocidad(t) {

    var valor = t + "s";
    alert (valor);

    console.log(valor);

    playa.style.animationDuration = valor;
    playa.style.MozAnimationDuration = valor;
    playa.style.WebkitAnimationDuration = valor;   

    console.log(playa.style);

}

我通过以下选择更改速度：

<select name="vel">
<option selected="selected" onclick="velocidad(4)">Normal</option>
 <option onclick="velocidad(10)">Muy lento</option>
 <option onclick="velocidad(8)">Lento</option>
 <option onclick="velocidad(2)">Rápido</option>
 <option onclick="velocidad(1)">Muy Rápido</option>

正常的
梅兰托
伦托
拉皮多
穆拉皮多

以及启动和停止：

<input type="button" name="stop" value="stop" onclick="parar()" />
<input type="button" name="play" value="play" onclick="seguir()" />

---

问题是，当我按下任何可选选项时，该值不会被修改，也不会应用更改。

您可以在更改选择选项时调用您的方法：

<select name="vel" onchange="velocidad()">
<option selected="selected" value=4>Normal</option>
 <option value=10>Muy lento</option>
 <option value=8>Lento</option>
 <option value=2>Rápido</option>
 <option value=1>Muy Rápido</option>
 </select>

---

谢谢，现在值正在更改，但问题是当我选择该选项时，函数“velocidad”没有运行，并且没有更改屏幕上的动画速度。什么意思是

value

is change，而function

velocidad

没有运行？我没有得到这个，因为这个值是通过这个方法改变的；“valor”不接受该值，也不改变动画的速度。我已编辑了方法

velocidad

的答案和更新代码，以便它获得

所选选项值

并更新

valor

值。

function velocidad() {
  var e = document.getElementById("vel");
  var t = e.options[e.selectedIndex].value
  var valor = t + "s";
  alert(valor);

  console.log(valor);

  playa.style.animationDuration = valor;
  playa.style.MozAnimationDuration = valor;
  playa.style.WebkitAnimationDuration = valor;

  console.log(playa.style);

}