javascript - 从用户输入的时间中减去秒

标签 javascript html

我有一个计算器,可以根据水温、所需温度、水量、施加的能量和热损失来计算加热水所需的时间。输出以秒为单位。我还有一个用户可以输入时间的字段。我怎样才能得到这个时间并从中减去秒数?

JavaScript:

    function calculate() {  
       var liters = document.getElementById("liters").value;
       var currentTemp = document.getElementById("currentTemp").value;
       var desiredTemp = document.getElementById("desiredTemp").value;
       var elementWattage = document.getElementById("elementWattage").value;
       var thermalLoss = document.getElementById("thermalLoss").value;
       var mashInTime = document.getElementById("mashInTime").value;

       var secondsToHeat = ((4186 * liters ((desiredTemp - currentTemp) * thermalLoss) / elementWattage);

}

HTML:

<p><label for="liters">Liters:</label>
    <input id="liters" onkeyup="calculate()" value="22">
<p><label for="currentTemp">Water Temperature &deg;C:</label>
    <input id="currentTemp" onkeyup="calculate()" value="15">
<p><label for="desiredTemp">Desired Temperature &deg;C:</label>
    <input id="desiredTemp" onkeyup="calculate()" value="77">
<p><label for="elementWattage">Watts of Heating Element:</label>
    <input id="elementWattage" onkeyup="calculate()" value="1000">
<p><label for="thermalLoss">Thermal Loss (1.05 insulated, 1.1+ uninsulated):</label>
    <input id="thermalLoss" onkeyup="calculate()" value="1.11">
<p><label for="mashInTime">Mash In Time:</label>
    <input id="mashInTime" onkeyup="calculate()" value="">

我需要解析输入的时间吗?或者我需要将秒转换为小时/分钟然后减去?

谢谢!

最佳答案

您使用 jQuery 来简化表单验证的方向是正确的。一旦你得到时间,我会将其转换为秒,这样减法就相当简单了。

一旦您获得了以秒为单位的开始时间,可以使用 Moment.js 轻松将其转换回您想要显示的格式。 。该链接指向处理时间格式的 Stack Overflow 问题。

关于javascript - 从用户输入的时间中减去秒,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27433186/

相关文章:

javascript - 如何初始化阿拉伯语/波斯语键盘的文本输入?

javascript - 如何检查数组中是否存在没有名称的对象?

javascript - 如何在 Angular js 的选项卡中添加图标 >

javascript - 权限更改后,我的 ASP.NET 应用程序似乎没有使用该应用程序的样式表

javascript - 呈现页面时不显示文本,但如果我之后从 devtools 更改布局,则会显示文本

javascript - 如何使用自定义外观列表隐藏列表下拉列表中的选择占位符

javascript - 动画结束后 div 仍保留在屏幕上

javascript - 无法将文本与图片垂直对齐

javascript - 单击 Twig View 中的按钮时,显示表中每个元素的对话框窗口

html - 打印时隐藏 HTML 媒体