我创建了秒表，我想在我的 HTML 页面中显示 4 列和 4 行的圈数按钮单击答案

【问题标题】：I have create Stopwatch and I want to display laps in my HTML page in 4 columns and 4 rows on lap button click我创建了秒表，我想在我的 HTML 页面中显示 4 列和 4 行的圈数按钮单击
【发布时间】：2020-07-07 12:32:54
【问题描述】：

我已经创建了一个秒表，我想在我的 HTML 页面中显示圈速按钮，但在 4 列中。

这是我的完整代码：https://jsfiddle.net/waqasumer/agru2bdL/

Index.html

        <div class="row" id="laps">
        </div>

var min = 0;
var sec = 0;
var msec = 0;

var getMin = document.getElementById("min");
var getSec = document.getElementById("sec");
var getmsec = document.getElementById("msec");
var interval;

function timer() {
    msec++
    getmsec.innerHTML = msec;

    if (msec >= 100) {
        sec++;
        if (sec <= 9) {
            getSec.innerHTML = "0" + sec;
        } else {
            getSec.innerHTML = sec;
        }
        msec = 0;

    } else if (sec >= 60) {
        min++;

        if (min <= 9) {
            getMin.innerHTML = "0" + min;
        } else {
            getMin.innerHTML = min;
        }
        sec = 0;
    }
}

function lapTimer() {
    var Laps = document.getElementById('laps');
    Laps.innerHTML += "<div>" + " " + getMin.innerHTML + ":" + getSec.innerHTML + ":" + getmsec.innerHTML + "</div>";
}

´´´

【问题讨论】：

标签： javascript css bootstrap-4 timer stopwatch

【解决方案1】：

我相信这是一个典型的解决方案：

#laps > div {
  width: 25%;
  float: left;
}

这将在 4 列中布置圈数，然后在填充完这 4 列后重复到新行。

如果我正确理解了这个要求。

【讨论】：