Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我已经创建了秒表,我想在我的HTML页面中显示圈数,在圈数按钮上单击4列4行_Javascript_Css_Bootstrap 4_Timer_Stopwatch - Fatal编程技术网

Javascript 我已经创建了秒表,我想在我的HTML页面中显示圈数,在圈数按钮上单击4列4行

Javascript 我已经创建了秒表,我想在我的HTML页面中显示圈数,在圈数按钮上单击4列4行,javascript,css,bootstrap-4,timer,stopwatch,Javascript,Css,Bootstrap 4,Timer,Stopwatch,我已经创建了一个秒表,我想在我的HTML页面上显示圈数按钮点击,但在4列 这是我的完整代码: Index.html <div class="row" id="laps"> </div> Js var min = 0; var sec = 0; var msec = 0; var getMin = document.getElementById("min"); var get

我已经创建了一个秒表,我想在我的HTML页面上显示圈数按钮点击,但在4列

这是我的完整代码:

Index.html

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

Js

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>";
}

´´´


var最小值=0;
var-sec=0;
var-msec=0;
var getMin=document.getElementById(“min”);
var getSec=document.getElementById(“sec”);
var getmsec=document.getElementById(“msec”);
var区间;
函数计时器(){
毫秒++
getmsec.innerHTML=msec;
如果(毫秒>=100){
sec++;
如果(秒=60){
min++;

如果(min我认为这是一个典型的解决方案:

#laps > div {
  width: 25%;
  float: left;
}
这将在4列中布置搭接,然后在填充这4列后在新行上重复

如果我理解正确的话