JavaScript 中添加分钟到时间字符串并返回字符串 - 完整指南 - 常规

在 JavaScript 中，您可以使用 Date 对象处理时间的加减操作。首先，将传入的字符串转换为时间对象，然后使用 getTime() 方法获取时间戳，再加上指定的分钟数的毫秒数，最后将结果转换为字符串格式。

以下是一个示例代码，展示如何将 130 分钟添加到时间字符串 '13:30'：

function addMinutes(timeString, minutes) {
  // 将时间字符串转换为 Date 对象
  var time = new Date('2000-01-01 ' + timeString);

  // 获取时间戳并加上分钟数的毫秒数
  var result = new Date(time.getTime() + minutes * 60 * 1000);

  // 将结果转换为字符串格式
  var resultString = result.toTimeString().substring(0, 5);

  // 返回结果
  return resultString;
}

var timeString = '13:30';
var result = addMinutes(timeString, 130);

console.log(result); // 输出 '15:40'

在 JSP 中使用该函数

您可以将这个函数添加到您的 JSP 文件中，并传入需要处理的时间字符串和需要增加的分钟数。最后，将结果显示在 JSP 页面上。

以下是一个完整的 JSP 代码示例：

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>JS 时间加减操作</title>
</head>
<body>
    <% 
        String timeString = "13:30";
        int minutesToAdd = 130;

        // 调用 JavaScript 函数并传入参数
        // String result = (String) pageContext.getAttribute("addMinutes", PageContext.REQUEST_SCOPE);
        %>
    <h1>原时间： <%= timeString %></h1>
    <h1>增加 130 分钟后的时间： <%= result %></h1>

    <script>
        function addMinutes(timeString, minutes) {
          // 将时间字符串转换为 Date 对象
          var time = new Date('2000-01-01 ' + timeString);

          // 获取时间戳并加上 130 分钟的毫秒数
          var result = new Date(time.getTime() + minutes * 60 * 1000);

          // 将结果转换为字符串格式
          var resultString = result.toTimeString().substring(0, 5);

          // 返回结果
          return resultString;
        }

        var timeString = '<%= timeString %>';
        var minutesToAdd = <%= minutesToAdd %>;

        // 调用函数并将结果存储到一个全局变量中
        var result = addMinutes(timeString, minutesToAdd);

        // 在 JSP 页面上显示结果
        document.write("<h1>原时间： " + timeString + "</h1>");
        document.write("<h1>增加 130 分钟后的时间： " + result + "</h1>");
    </script>
</body>
</html>

注意：

由于 JavaScript 是在客户端执行的，所以在 JSP 页面上看不到 JavaScript 的变量和函数，只能通过 JSP 的标签或者其他方式将结果传递到 JSP 页面上。

总结

本文展示了如何在 JavaScript 中将分钟添加到时间字符串，并提供了完整的代码示例和 JSP 集成方法，方便您在实际项目中应用。您可以根据需要修改代码，实现更复杂的日期和时间计算功能。