所以我有一个工作正常的时钟。但我现在要显示/打印的是单击开始 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 回答
月关宝盒
TA贡献1772条经验 获得超5个赞
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
TA贡献1859条经验 获得超6个赞
如果您想每秒自动刷新一次，请使用：
<!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();
慕尼黑的夜晚无繁华
TA贡献1864条经验 获得超6个赞
如果你把它们分成两个单独的函数，这样会更容易：
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>
添加回答
举报
0/150
提交
取消