Html 当由滑块控制时，为什么图形消失？

我的想法是使用three.js，通过移动滑块控件来改变立方体的旋转速度。一旦我定义了场景、相机和立方体，JavaScript部分中的相关代码如下所示：

var speed = 0.01;

function selectSpeed() {
    speed = document.getElementById("speedSelector").value;
}

function render() {
    requestAnimationFrame(render);
    cube.rotation.x += speed;
    renderer.render(scene, camera);
}

render();

而HTML部分中的相关代码如下所示：

<input id="speedSelector" type="range" min="0" max="0.1" step="0.005" value="0.01" onchange="selectSpeed()" />

当你打开网页，你可以看到立方体旋转良好和滑块控制，但当你移动滑块控制改变旋转速度，立方体将永远消失，你不能再观看它了

---

有人知道为什么会发生这种情况吗？

您的速度变量可能正在转换为字符串，请尝试以下操作：

speed = document.getElementById("speedSelector").value * 1.0;