用JS简单做个电子时间，可以控制时间开始或停止

最新推荐文章于 2022-10-27 10:24:47 发布

郁闷土豆

最新推荐文章于 2022-10-27 10:24:47 发布

阅读量3k

点赞数 2

分类专栏： JavaScript 文章标签： js

本文链接：https://blog.csdn.net/qq_44876173/article/details/90443537

版权

JavaScript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

用JS简单做个电子时间，可以控制时间开始或停止

效果图：

 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			function showTime(){
				var showT = document.getElementById("time");
				var date = new Date();
				var sx;
				//判断是哪个时间段，这里只简单判断了上午中午下午
				if(date.getHours()<12){
					sx = "上午";
				}else if(date.getHours()==12){
					sx = "中午";
				}else if(date.getHours()>12){
					sx = "下午";
				}
				/*如果需要显示年月日也可插入以下代码:
					var s = date.getFullYear()+"-"+(date.getMonth()+1)+
					"-"+date.getDate()+" "+
					date.getHours()+":"+date.getMinutes()+
					":"+date.getSeconds();
				*/
				var s = sx+date.getHours()+":"+date.getMinutes()+
				":"+date.getSeconds();
				showT.innerHTML = s;
			}
			var flag = true;//判断时间是否停止
			if(flag){
				var t = window.setInterval("showTime()",1000);
			}
			function startTime(){
				if(!flag){
					flag = true;
					t = window.setInterval("showTime()",1000);
				}
			}
			function stopTime(){
				if(flag){
					flag = false;
					window.clearInterval(t);
				}
			}
		</script>
	</head>
	<body>
		<div id = "time"></div>
		<input type="button" value="开始" onclick="startTime()"/>
		<input type="button" value="停止" onclick="stopTime()"/>
	</body>
</html>

郁闷土豆

关注

2
点赞
踩
15

收藏

觉得还不错? 一键收藏
0
评论
用JS简单做个电子时间，可以控制时间开始或停止

用JS简单做个电子时间，可以控制时间开始或停止```html// <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script> function showTime(){ var sho...
复制链接

扫一扫