JavaScript:通过单击按钮来捕获系统时间的代码
JavaScript: Code to capture System time by clicking on a button
我需要一个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>
这是您问题的不完整解决方案。我会尽快完成它,但我希望你尝试完成它。
不完整的解决方案
爪哇语
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;
}
相关文章:
- 从系统日期中选择当前时间
- Node.js setTimeout在系统时间更改后未触发
- 如果系统时间发生更改,setTimeout是否有效
- Javascript不会更新或显示系统时间<怎么会
- 在聊天系统中保持时间戳准确 - 使用timeago jQuery插件
- php 代码以获取时区和当前系统时间与 GMT 的差异
- 如何在 javascript 中使用系统时区和 UTC 时间从服务器获取当前本地时间
- JavaScript:通过单击按钮来捕获系统时间的代码
- 如何以 15 分钟的间隔在系统时间从数据库获取数据
- 使用javascript/php将系统时间戳保存到.txt文件中
- 如何使用Javascript将系统时间和日期写入文本日志
- 为什么Jquery在使用设置分钟功能设置时间后显示当前系统时间
- 仪表板中的时钟随着系统时间的改变而改变
- 使用服务器和系统时间在网页上计时
- 比较客户端和服务器系统时间的差异(Javascript和c#)
- 如何使用javascript获取特定时区的时间,但与当前系统时间无关
- WebKit设置间隔和系统时间更改
- 系统时间每次显示相同的值
- 在javascript中比较系统时间和用户时间
- 系统时间到服务器与PHP和JS