18910140161

HTML-如何在使用JavaScript构建的秒表中将暂停更改为继续,反之亦然-堆栈溢出

顺晟科技

2022-10-18 13:59:07

113

let sec=0;
let minutes=0;
let hrs=0;

let displayHours=0;
let displaySeconds=0;
let displayMinutes=0;

let interval=null;

function stopWatch()
{
    sec++;
    if((sec/60)===1)
    {
        sec=0;
        minutes++;

        if((minutes/60)===1)
        {
            minutes=0;
            hrs++;
        }
    }
    
    if(hrs<10)
    {
        displayHours="0"+hrs.toString();
    }
    else
    {
        displayHours=hrs;
    }

    if(sec<10)
    {
        displaySeconds="0"+sec.toString();
    }
    else
    {
        displaySeconds=sec;
    }

    if(minutes<10)
    {
        displayMinutes="0"+minutes.toString();
    }
    else
    {
        displayMinutes=minutes;
    }
    
    document.getElementById("display").innerHTML=displayHours+":"+displayMinutes+":"+displaySeconds;
}

function start()
{
    if(!interval)//Condition to restrict increasing speed of interval
    {
        interval=window.setInterval(stopWatch,1000); 
    }
    
}

function stop()
{
    window.clearInterval(interval);
    sec=0;minutes=0;
    hrs=0;
    document.getElementById("display").innerHTML="00:00:00";   
}

function pause()
{
    clearInterval(interval);
    interval=false;
    
}

任何人请帮助我这个我应该如何转换暂停继续和继续暂停在秒表,每当我点击暂停按钮,秒表应该暂停和按钮文本应该改变为继续,反之亦然。无论我在上面写了什么,我都无法做到这一点。我试过使用innerHTML属性,但它不起作用。


顺晟科技:

innerHTML应该可以正常工作..

例如:

let sec=0;
let minutes=0;
let hrs=0;

let displayHours=0;
let displaySeconds=0;
let displayMinutes=0;

let interval=null;

function stopWatch()
{
    sec++;
    if((sec/60)===1)
    {
        sec=0;
        minutes++;

        if((minutes/60)===1)
        {
            minutes=0;
            hrs++;
        }
    }
    
    if(hrs<10)
    {
        displayHours="0"+hrs.toString();
    }
    else
    {
        displayHours=hrs;
    }

    if(sec<10)
    {
        displaySeconds="0"+sec.toString();
    }
    else
    {
        displaySeconds=sec;
    }

    if(minutes<10)
    {
        displayMinutes="0"+minutes.toString();
    }
    else
    {
        displayMinutes=minutes;
    }
    
    document.getElementById("display").innerHTML=displayHours+":"+displayMinutes+":"+displaySeconds;
}

function start()
{
    if(!interval)//Condition to restrict increasing speed of interval
    {
        interval=window.setInterval(stopWatch,1000); 
    }
}

function stop()
{
    window.clearInterval(interval);
    sec=0;minutes=0;
    hrs=0;
    document.getElementById("display").innerHTML="00:00:00";
    interval=false;
}

function pause()
{
    if(interval) {
    clearInterval(interval);
    interval=false;
    document.getElementById("pause").innerHTML = "CONTINUE";
  }
  else {
    start();
    document.getElementById("pause").innerHTML = "PAUSE";
  } 
}
<代码><;DIV ID=“ display ”>;00:00:00<;/DIV>;<;按钮onclick=“ start()”>;开始<;/按钮>;<;按钮onclick=“ stop()”>;停下<;/按钮>;<;button ID=“ pause ” onclick=“ pause()”>;暂停<;/按钮>;

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航