JavaScript文本框时间加5小时显示代码示例

\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n\u003cbody\u003e\n\n时间：\u003cinput type\u003d"text" id\u003d"timeInput"\u003e\n\u003cbutton onclick\u003d"addHours()"\u003e增加5小时\u003c/button\u003e\n新时间：\u003cinput type\u003d"text" id\u003d"newTimeInput"\u003e\n\n\u003cscript\u003e\nfunction addHours() {\n var timeInput \u003d document.getElementById("timeInput").value;\n var date \u003d new Date("2022-01-01 " + timeInput); // 假设日期为2022-01-01\n date.setHours(date.getHours() + 5);\n var newTimeInput \u003d document.getElementById("newTimeInput");\n newTimeInput.value \u003d date.toLocaleTimeString([], {hour: '2-digit', minute:'2-digit'});\n}\n\u003c/script\u003e\n\n\u003c/body\u003e\n\u003c/html\u003e\n\n该代码演示了如何使用JavaScript的Date对象来实现从文本框获取时间并增加5小时的功能。首先，代码从文本框获取时间值，并将其转换为Date对象。然后，使用Date对象的setHours方法将时间增加5个小时。最后，将新时间值显示在第二个文本框中。代码使用toLocaleTimeString方法将时间显示为12小时制，并只显示小时和分钟。