我正在进行WebApplication项目来解决rubick cube的speedcubers。我需要在jsp视图中显示实时秒表。第一个想法是在JS中实现秒表，然后将值发送到控制器，我在获取js参数时遇到了问题（秒表完成时间），到java控制器。我的问题是，有没有可能在java中实现秒表，在jsp按钮上工作，或者知道如何从jsp保存控制器中值。
//编辑
制作隐藏窗体，并设置窗体的完成时间值。
点击提交按钮后，它将值发送到数据库，但是是空的。不知道为什么。
我的代码，javascript秒表：

<script>
let [milliseconds,second,minute,] = [0,0,0];
let timerRef = document.querySelector('.mainTime');
let int = null;

document.getElementById('start').addEventListener('click', function(event){
    if(int!==null){
        clearInterval(int);
    }
    int = setInterval(mainTime, 10);
});

document.getElementById('stop').addEventListener('click', function (event){
    clearInterval(int);
    let stringDoZapisuWBazie = document.querySelector('div.mainTime').innerHTML;
    console.log(stringDoZapisuWBazie);
    document.getElementById('timeValue').value=stringDoZapisuWBazie;

});

document.getElementById('reset').addEventListener('click', function (event){
    clearInterval(int);
    [milliseconds,seconds,minutes,hours] = [0,0,0];
    timerRef.innerHTML = '00 : 00 : 00';
});

function mainTime(){
    milliseconds+=10;
    if(milliseconds == 1000){
        milliseconds = 0;
        second++;
        if(second == 60){
            second = 0;
            minute++;
            if(minute == 60){
                minute = 0;
            }
        }
    }

    let m = minute < 10 ? "0" + minute : minute;
    let s = second < 10 ? "0" + second : second;
    let ms = milliseconds < 10 ? "00" + milliseconds : milliseconds < 100 ? "0" + milliseconds : milliseconds;
    timerRef.innerHTML = m + ' : ' + s + ' : ' + ms;
}

html格式：'

我爱你#

的复数

控制器

public String addTime(Model model){
        model.addAttribute("timeValue", new Time());
        return "addTime";
    }
    @PostMapping("/add")
    public String saveTime(Time time){
        timeService.saveTime(time);
        return "redirect:/solve/main";
    }```