Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/384.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 - Fatal编程技术网

Javascript 如何使秒表在页面加载时自动启动?不使用开始按钮

Javascript 如何使秒表在页面加载时自动启动?不使用开始按钮,javascript,html,Javascript,Html,如何使秒表在页面加载时自动启动?不使用开始按钮。此秒表只能通过按下“开始”按钮启动,但我希望在页面加载时启动秒表 window.onload=function(){ 秒表(); } 功能秒表(){ 让时间,有效; 让startBtn=document.getElementById(“startBtn”); 让stopBtn=document.getElementById(“stopBtn”); startBtn.addEventListener(“单击”,函数(){ 时间=-1; 递增时间()

如何使秒表在页面加载时自动启动?不使用开始按钮。此秒表只能通过按下“开始”按钮启动,但我希望在页面加载时启动秒表

window.onload=function(){
秒表();
}
功能秒表(){
让时间,有效;
让startBtn=document.getElementById(“startBtn”);
让stopBtn=document.getElementById(“stopBtn”);
startBtn.addEventListener(“单击”,函数(){
时间=-1;
递增时间();
intervalId=setInterval(递增时间,1000);
startBtn.disabled=真;
stopBtn.disabled=false;
});
stopBtn.addEventListener(“单击”,函数(){
clearInterval(intervalId);
startBtn.disabled=错误;
stopBtn.disabled=true;
});
函数递增时间(){
时间++;
document.getElementById(“时间”).textContent=
(“0”+Math.trunc(time/60)).slice(-2)+
“:”+(“0”+(时间%60)).slice(-2);
}
}
00:00
启动时钟

停止时钟
我已经移除了按钮-没有隐藏它们

如果你想要没有按钮的时钟,不要有按钮

window.addEventListener(“加载”,函数(){
常量时钟=document.getElementById(“时间”);
设时间=-1,区间有效;
函数递增时间(){
时间++;
clock.textContent=
(“0”+Math.trunc(time/60)).slice(-2)+
“:”+(“0”+(时间%60)).slice(-2);
}
递增时间();
intervalId=setInterval(递增时间,1000);
});

00:00
使用此代码|您也可以隐藏开始按钮

window.onload = function() {
  stopWatch();
  document.getElementById("myBtn").click();
}
   
如果您不想要按钮:

function stopWatch() {
  let time, intervalId;
  let stopBtn = document.getElementById("stopBtn");

   function strtWatch() {
    time = -1;
    incrementTime();
    intervalId = setInterval(incrementTime, 1000);        
    stopBtn.disabled = false;
  }
 strtWatch();

  stopBtn.addEventListener("click", function() {
    clearInterval(intervalId);        
    stopBtn.disabled = true;
  });

  function incrementTime() {
    time++;
    document.getElementById("time").textContent =
      ("0" + Math.trunc(time / 60)).slice(-2) +
      ":" + ("0" + (time % 60)).slice(-2);
  }
}

为什么不把它装在身体上@这是个可怕的主意。不要使用内联事件处理程序,尤其不要在body标记中使用。无论如何,它不会点击按钮。我已经在你的答案中建议了否。它无法访问startBtn变量,因为它在秒表函数中声明。请参阅我的更新。它已经起作用了,但现在更符合逻辑了,但是如何启动计时器并删除开始和停止按钮?@RafIzan使用document.getElementById(“myBtn”)。单击();您可以在页面加载时自动启动计时器