JavaScript显示当前时间

最新推荐文章于 2024-05-03 11:47:20 发布

瀟灑走壹回

最新推荐文章于 2024-05-03 11:47:20 发布

阅读量848

点赞数

文章标签： javascript html css

本文链接：https://blog.csdn.net/plmoknijnm/article/details/116257747

版权

JS显示当前时间控制器

javascript显示当前电脑时间：xxx年xxx月xxx日xxx时xxx分xxx秒，并用input标签中的button样式控制时间的暂停开始。
当你运行JavaScript代买时，网页显示的是时间时在每秒跳动的，当你点击暂停按钮时，网页显示的当前时间会暂停，按钮会显示开始的字样，再次点击开始的按钮，网页显示当前的时间会开始。
代码片段如下：

<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>时间控制器</title>
<style>
#b{
	width:300px;
	height:200px;
	text-align:center;
	font-size:24px;
	border:2px solid red;
}
</style>
<script>
var start = window.setInterval("a()",1000);
function a(){
	var c  = new Date();
	var y =c.getFullYear();
	var m =c.getMonth()+1;
	var d = c.getDate();
	var h = c.getHours();
	var min = c.getMinutes();
	var sec = c.getSeconds();
	document.getElementById('b').innerHTML=y+"-"+m+"-"+d+"&nbsp&nbsp&nbsp"+h+":"+min+":"+sec;
	
	}
function sh(){
	var sj = document.getElementById('bt').value;
	if (sj=="暂停") {
		window.clearInterval(start);
		document.getElementById('bt').value="开始";
	}else{
		start = window.setInterval("a()",1000);
		document.getElementById('bt').value="暂停";
		}
}
</script>
</head>

<body>
	<div id="b">

	</div>
	<div>
	<input type="button" name="button" id="bt" value="暂停" onclick="sh()">
	</div>	
</body>
</html>

瀟灑走壹回

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JavaScript显示当前时间

JS显示当前时间控制器javascript显示当前电脑时间：xxx年xxx月xxx日xxx时xxx分xxx秒，并用input标签中的button样式控制时间的暂停开始。当你运行JavaScript代买时，网页显示的是时间时在每秒跳动的，当你点击暂停按钮时，网页显示的当前时间会暂停，按钮会显示开始的字样，再次点击开始的按钮，网页显示当前的时间会开始。代码片段如下：在这里插入代码片...
复制链接

扫一扫