如何创建 - 速度转换器
学习如何使用 HTML 和 JavaScript 创建一个速度转换器。
速度转换器
在任何一个字段中输入值,即可在速度测量之间进行转换
创建速度转换器
创建一个输入元素,可以将一个速度测量值转换为另一个。
步骤 1) 添加 HTML
示例 - 英里/小时转 公里/小时
<p>
<label>英里/小时</label>
<input id="inputMPH" type="number" placeholder="英里/小时"
oninput="speedConverter(this.value)"
onchange="speedConverter(this.value)">
</p>
<p>公里/小时: <span id="outputKPH"></span></p>
步骤 2) 添加 JavaScript
示例 - 英里/小时转 公里/小时
/* 当输入字段接收到输入时,将值从英里/小时转换为公里/小时 */
function speedConverter(valNum) {
valNum = parseFloat(valNum);
document.getElementById("outputKPH").innerHTML = valNum * 1.609344;
}
自己动手试一试 »
从英里/小时转换为其他测量
下表显示了如何从英里/小时转换为其他速度测量
描述 | 公式 | 示例 |
---|---|---|
从英里/小时转换为 公里/小时 | 公里/小时=英里/小时*1.609344 | 试一试 |
从英里/小时转换为 节 | 节=英里/小时/1.150779 | 试一试 |
从英里/小时转换为 马赫 | 马赫=英里/小时/761.207 | 试一试 |
从 公里/小时转换为其他测量
下表显示了如何从公里/小时转换为其他速度测量
描述 | 公式 | 示例 |
---|---|---|
从 公里/小时转换为 英里/小时 | 英里/小时=公里/小时/1.609344 | 试一试 |
从 公里/小时转换为 节 | 节=公里/小时/1.852 | 试一试 |
从 公里/小时转换为 马赫 | 马赫=公里/小时/1225.044 | 试一试 |
从 节转换为其他测量
下表显示了如何从节转换为其他速度测量
描述 | 公式 | 示例 |
---|---|---|
从 节转换为 英里/小时 | 英里/小时=节*1.150779 | 试一试 |
从 节转换为 公里/小时 | 公里/小时=节*1.852 | 试一试 |
从 节转换为 马赫 | 马赫=节/661.4708 | 试一试 |
从 马赫转换为其他测量
下表显示了如何从马赫转换为其他速度测量
描述 | 公式 | 示例 |
---|---|---|
从 马赫转换为 英里/小时 | 英里/小时=马赫*761.207 | 试一试 |
从 马赫转换为 公里/小时 | 公里/小时=马赫*1225.044 | 试一试 |
从 马赫转换为 节 | 节=马赫*661.4708 | 试一试 |