Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/batch-file/5.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 我希望我的输入按钮与开始和暂停功能一起工作_Javascript_Html_Button_Reset_Countdown - Fatal编程技术网

Javascript 我希望我的输入按钮与开始和暂停功能一起工作

Javascript 我希望我的输入按钮与开始和暂停功能一起工作,javascript,html,button,reset,countdown,Javascript,Html,Button,Reset,Countdown,我有一个默认值为30分钟的倒计时和一个包含其他分钟的输入字段,如果您不想输入30分钟,可以输入其他分钟。 我有3个按钮开始,暂停和重置所有的按钮工作。 但是,如果我想开始倒计时,它需要工作,如果我想暂停它,我想再次按下回车键,然后它就暂停了 //全局设置间隔计时器 让倒计时=假; 让倒计时运行=假; 让计数器=-1;//重置必须是计数器=-1 设计数器毫秒=99; //计数器 设intervalSeconds=false; 让intervalMillis=false; //初始化 (() =>

我有一个默认值为30分钟的倒计时和一个包含其他分钟的输入字段,如果您不想输入30分钟,可以输入其他分钟。 我有3个按钮开始,暂停和重置所有的按钮工作。 但是,如果我想开始倒计时,它需要工作,如果我想暂停它,我想再次按下回车键,然后它就暂停了

//全局设置间隔计时器
让倒计时=假;
让倒计时运行=假;
让计数器=-1;//重置必须是计数器=-1
设计数器毫秒=99;
//计数器
设intervalSeconds=false;
让intervalMillis=false;
//初始化
(() => {
更新显示(1800,0);
document.getElementById('millis').innerHTML=“00”;
})();
让输入=document.getElementById(“分钟输入字段”);
input.addEventListener(“键控”,函数(事件){
如果(event.keyCode===13){
document.getElementById(“btnStart”)。单击();
}
});
功能启动(时间=1800){
让startTime=Date.now();
让我们输入时间;
让我们倒计时=
document.getElementById(“cd完成”);
countdownDoneElement.style.display='none';
让倒计时运行元素=
document.getElementById('cd-running');
countdownRunningElement.style.display='inline flex';
如果(!正在运行倒计时){
倒计时运行=真;
输入时间=
计数器==-1
?document.getElementById('minuteInputField')。值*60 | |时间
:计数器
}否则{
inputTime=document.getElementById('minuteInputField')。值*60 | |时间
}
清除间隔(间隔秒);
intervalSeconds=setInterval(()=>{
让currentTime=Date.now()-startTime;
如果(输入时间<1){
停止();
}否则{
计数器=输入时间-更新显示(输入时间,当前时间);
更新emilis();
}
}, 1000);
}
函数暂停(){
清除间隔(间隔秒);
净间隔(间隔毫秒);
倒计时运行=假;
}
函数重置(){
//清除现有间隔
清除间隔(间隔秒);
净间隔(间隔毫秒);
让currentTimeInput=document.getElementById('MinuteInputField')。值*60;
计数器=当前时间输入| | 1800;
计数器毫秒=0;
更新显示(计数器,0);
//默认分钟=30;
//updateDisplay((document.getElementById('minuteInputField')。value | | defaultMinute)*60,0);
}
函数停止(){
让countdownRunningElement=document.getElementById(“cd运行”);
让countdownDoneElement=document.getElementById(“cd done”);
countdownRunningElement.style.display='none';
countdownDoneElement.style.display='inline flex';
countdownDoneElement.innerHTML='countdownDoneElement';
倒计时=真;
清除间隔(间隔秒);
净间隔(间隔毫秒);
}
函数更新显示(秒,当前时间){
设时间增量=数学下限(当前时间/1000);
更新时间(秒-时间增量);
返回时间增量;
}
/**
*@method-updateSecond
*@summary-这会每秒钟更新一次计时器
*/
函数更新时间(秒){
让countDivElement=document.getElementById(“计时器”);
分钟=数学地板(秒/60);
让剩余秒数=秒数%60;
如果(剩余秒数<10){
剩余秒数='0'+剩余秒数;
}
如果(分钟<10){
分钟='0'+分钟;
}
如果(秒>0){
秒=秒-1;
}否则{
停止();
}
countDivElement.innerHTML=minutes+“:”+remainingSeconds+“:”;
};
函数updatemilis(){
让countMillsElement=document.getElementById('millis');
设millis=0;
//从document.getElementById.value开始的毫秒数
//检查值并让计数器从此点开始继续
净间隔(间隔毫秒);
间隔毫秒=设置间隔(()=>{
如果(计数器毫秒<0){
计数器毫秒=99;
}否则{
毫秒=计数器毫秒<10?计数器毫秒+'0':计数器毫秒;
};
countMillsElement.innerHTML=millis;
反毫--;
}, 10);
如果(倒计时结束){
停止();
}
};

开始
暂停
重置

我会将let intervalmillists移到所有函数document.addEventListener('keydown',函数(event){if(event.keyCode==13){start();}}};要触发功能,请在按下时启动enter@LSC_020,在reset()中将millis更新为“00”。让countMillisDriveElement=document.getElementById(“millis”);CountMillisDriveElement.innerHTML='00';