JS的从文本框获取一个时间然后加上5小时再另一个文本框显示的代码

你可以使用JavaScript的Date对象来实现这个功能。首先，你需要获取第一个文本框中输入的时间，并将其转换为Date对象。然后，你可以使用Date对象的方法将时间增加5个小时。最后，你将新的时间值显示在第二个文本框中。

以下是实现这个功能的代码示例：

<!DOCTYPE html>
<html>
<body>

时间：<input type="text" id="timeInput">
<button onclick="addHours()">增加5小时</button>
新时间：<input type="text" id="newTimeInput">

<script>
function addHours() {
  var timeInput = document.getElementById("timeInput").value;
  var date = new Date("2022-01-01 " + timeInput); // 假设日期为2022-01-01
  date.setHours(date.getHours() + 5);
  var newTimeInput = document.getElementById("newTimeInput");
  newTimeInput.value = date.toLocaleTimeString([], {hour: '2-digit', minute:'2-digit'});
}
</script>

</body>
</html>

在上述代码中，我们首先获取了输入时间的文本框，并在按钮的onclick事件中调用addHours函数。在addHours函数中，我们首先获取输入的时间值，并将其转换为Date对象。然后，我们使用setHours方法将时间增加5个小时。最后，我们将新的时间值显示在第二个文本框中。为了使时间显示为12小时制，并且只显示小时和分钟，我们使用toLocaleTimeString方法，传递一个空数组作为第一个参数，以及一个具有hour和minute属性的对象作为第二个参数