点击开始按钮后显示当前时间值
所以我有一个工作正常的时钟。但我现在要显示/打印的是单击开始 rit 后该时钟中的当前时间。我试图首先停止设置计数器，但这也停止了我脚本第一部分中的计时器。现在发生的事情是我只有两个计时器。我不想要那个，我想点击开始 rit 按钮，然后它需要当前的时间，然后在 txt 中打印它。
function ItsShowTime(){
var date = new Date();
var h = date.getHours();
var m = date.getMinutes();
var s = date.getSeconds();
if(h == 0){
}
h = (h < 10) ? "0" + h : h;
m = (m < 10) ? "0" + m : m;
s = (s < 10) ? "0" + s : s;
var time = h + ":" + m + ":" + s;
document.getElementById("Clock").innerText = time;
document.getElementById("Clock").textContent = time;
setTimeout(ItsShowTime, 1000);
CurrentTime(time);
}
ItsShowTime();
function CurrentTime(time){
document.getElementById("txt").innerText = time;
}
<!DOCTYPE html>
<html dir="ltr">
<head>
<meta charset="utf-8">
<title>Digital Clock</title>
</head>
<body>
<input type="button" value="Start rit" onclick="CurrentTime()">
<div id="txt"></div>
<div id="Clock">
</div>
</body>
</html>
我检查了 w3schools 怎么做我检查了 Bitdegree 和堆栈上的几个类似问题，但我找不到我需要的确切内容
慕容森3回答
-
月关宝盒
Javascript代码 var timer = undefined; function getShowTime() { var date = new Date(); var h = date.getHours(); var m = date.getMinutes(); var s = date.getSeconds(); if (h == 0) { } h = (h < 10) ? "0" + h : h; m = (m < 10) ? "0" + m : m; s = (s < 10) ? "0" + s : s; return h + ":" + m + ":" + s; } function CurrentTime() { if (timer) { clearTimeout(timer); } timer = setTimeout(() => { const time = getShowTime(); document.getElementById("txt").innerText = time; }, 1000); }和 HTML 代码<!DOCTYPE html><html dir="ltr"> <head> <meta charset="utf-8"> <title>Digital Clock</title> </head> <body> <input type="button" value="Start rit" onclick="CurrentTime()"> <div id="txt"></div> <div id="Clock"> </div> </body></html> -
慕丝7291255
如果您想每秒自动刷新一次，请使用：<!DOCTYPE html><html dir="ltr"><head> <meta charset="utf-8"> <title>Digital Clock</title></head><body> <input type="button" value="Start rit" onclick="ItsShowTime()"> <div id="txt"></div> <div id="Clock"> <script type="text/javascript"> function ItsShowTime() { var date = new Date(); var h = date.getHours(); var m = date.getMinutes(); var s = date.getSeconds(); if (h == 0) {} h = (h < 10) ? "0" + h : h; m = (m < 10) ? "0" + m : m; s = (s < 10) ? "0" + s : s; var time = h + ":" + m + ":" + s; setTimeout(ItsShowTime, 1000); document.getElementById("txt").innerText = time; } </script> </div></body></html>如果不只是删除 setTimeout(); -
慕尼黑的夜晚无繁华
如果你把它们分成两个单独的函数，这样会更容易：var time;function ItsShowTime(){ var date = new Date(); var h = date.getHours(); var m = date.getMinutes(); var s = date.getSeconds(); h = (h < 10) ? "0" + h : h; m = (m < 10) ? "0" + m : m; s = (s < 10) ? "0" + s : s; time = h + ":" + m + ":" + s; document.getElementById("Clock").textContent = time; setTimeout(ItsShowTime, 1000);}function CurrentTime(){ document.getElementById("txt").innerText = time;}ItsShowTime();<!DOCTYPE html><html dir="ltr"> <head> <meta charset="utf-8"> <title>Digital Clock</title> </head> <body> <input type="button" value="Start rit" onclick="CurrentTime()"> <div id="txt"></div> <div id="Clock"> </div> </body></html>
随时随地看视频慕课网APP
相关分类
JavaScript