我需要一个可以帮助我创建按钮的JavaScript代码,当点击按钮时,它会开始捕获系统时间。
一旦捕获时间开始,另外两个按钮应反映暂停和停止。当我点击暂停按钮时,时间捕获应该停止。再次,如果我点击暂停(更改为开始)按钮,时间应该开始再次捕获。当我点击停止时,时间捕获应该完全停止并且按钮停用。
时间捕获应该是几分钟。
这是我尝试过的。
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
alert("Hello World!");
}
</script>
</head>
<body>
<button onclick="myFunction()">Try it</button>
</body>
</html>
<script language="javascript" type="text/javascript">
function getTimeStamp() {
var now = new Date();
return ((now.getMinutes() < 10) ? (
"0" + now.getMinutes()) : (now.getMinutes()));
}
</script>
<p><input type="button" value="Start Time" onClick="getTimeStamp();"></p>
答案 0 :(得分:1)
以下是您问题的不完整解决方案。我会尽快完成,但我希望你能尝试完成它。
的的Javascript 强> 的
function myFunction() {
var btnstop = document.createElement("BUTTON");
var btnplaypause = document.createElement("BUTTON");
var t = document.createTextNode("Stop");
var u = document.createTextNode("Pause");
btnstop.appendChild(t);
btnplaypause.appendChild(u);
my_button = document.getElementById("wrapper");
my_button.appendChild(btnstop);
my_button.appendChild(btnplaypause);
btnstop.id = "stop";
btnplaypause.id = "playpause"
btnstop.onclick = stoptimer;
startTime();
}
function checkTime(i) {
if (i < 10) {
i = "0" + i;
}
return i;
}
function startTime() {
var today = new Date();
var h = today.getHours();
var m = today.getMinutes();
var s = today.getSeconds();
// add a zero in front of numbers<10
m = checkTime(m);
s = checkTime(s);
document.getElementById('timer').innerHTML = h + ":" + m + ":" + s;
t = setTimeout(function () {
startTime()
}, 500);
}
function stoptimer() {
document.getElementById("stop").disabled = true;
document.getElementById("playpause").disabled = true;
}