用JS获取当前时间（小时分钟秒）然后绑定三个button按钮一个按钮增加一小时，一个减少一个小时

用JS获取当前时间（小时分钟秒）然后绑定三个button按钮，点击增加按钮在系统时间的基础上增加一个小时输出，再点击再加一个小时，点击减少按钮在系统时间的基础上减少一个小时，再点击再减少。可以一直增加或者减少。最后一个按钮点击回复系统时间。求源代码！！

举报该问题

推荐答案 2017-11-21

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>RunJS</title>
<script>
var nn;
onload=function(){
setInterval(function(){
var n=new Date;
if(nn==null)
dd.innerHTML=n.getHours()+":"+n.getMinutes()+":"+n.getSeconds();
else
dd.innerHTML=nn+":"+n.getMinutes()+":"+n.getSeconds();
});
}
var add=function(){
var n=new Date;
if(null==nn)
nn=n.getHours()+1;
else
nn++;
}
var sub=function(){
var n=new Date;
if(null==nn)
nn=n.getHours()-1;
else
nn--;
}

var orial=function(){
var n=new Date;
nn=n.getHours();
}
</script>
</head>
<body>
<div id="dd">

</div>
<input type="button" value="+1" onclick="add()" />
<input type="button" value="-1" onclick="sub()"/>
<input type="button" value="恢复" onclick="orial()"/>
</body>
</html>

温馨提示：答案为网友推荐，仅供参考

当前网址：http://22.wendadaohang.com/zd/0TX2ffSfSSCX22IhI2.html

相似回答

如何用javascript实现一小时倒计时?答：时间起点：<input type="text" name="now" id="now" value="0:0"/><input type="button" value="开始" onclick="mystart();"><br> 剩余时间：<input type="text" name="left" id="left" value="40" disabled="disabled"/>分钟<br> </body> </html> 补充：这个javascript放在一个...

如何用原生 js 给一个按钮绑定两个鼠标事件?答：你可以使用以下方法为一个按钮绑定两个鼠标事件：1. 首先，获取按钮元素。例如，通过 `getElementById` 或 `querySelector` 方法获取。2. 使用 `addEventListener` 方法为按钮添加第一个鼠标事件监听器。3. 在回调函数内部，再次使用 `addEventListener` 方法为按钮添加第二个鼠标事件监听器。以下是一个...

用JS获取当前时间（小时分钟秒） 然后绑定三个button按钮 一个按钮增加一小时，一个减少一个小时

用JS获取当前时间（小时分钟秒）然后绑定三个button按钮一个按钮增加一小时，一个减少一个小时