数码显示时钟

最新推荐文章于 2021-06-30 16:32:42 发布

laity01

最新推荐文章于 2021-06-30 16:32:42 发布

阅读量99

点赞数

分类专栏：练习资料笔记文章标签： javascript

本文链接：https://blog.csdn.net/m0_57675124/article/details/117124067

版权

练习同时被 3 个专栏收录

39 篇文章 1 订阅

订阅专栏

笔记

4 篇文章 0 订阅

订阅专栏

资料

2 篇文章 0 订阅

订阅专栏

数码显示时钟

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
	</head>
	<body onload="clock()">
		<img src="img/0.jpg"><img src="img/0.jpg">
		<img src="img/dot.jpg">
		<img src="img/0.jpg"><img src="img/0.jpg">
		<img src="img/dot.jpg">
		<img src="img/0.jpg"><img src="img/0.jpg">
		
		<script>
			function clock(){
				var time=new Date();
				var hour=time.getHours();
				var minute=time.getMinutes();
				var second=time.getSeconds();
				hour=hour>=10?hour:('0'+hour);
				minute=minute>=10?minute:('0'+minute);
				second=second>=10?second:('0'+second);
				var hou=new String(hour);
				var n11=hou.substr(0,1);
				var n21=hou.substr(1,1);
				var minu=new String(minute);
				var n31=minu.substr(0,1);
				var n41=minu.substr(1,1);
				var sec=new String(second);
				var n51=sec.substr(0,1);
				var n61=sec.substr(1,1);
				document.images[0].src='img/'+n11+'.jpg';
				document.images[1].src='img/'+n21+'.jpg';
				document.images[3].src='img/'+n31+'.jpg';
				document.images[4].src='img/'+n41+'.jpg';
				document.images[6].src='img/'+n51+'.jpg';
				document.images[7].src='img/'+n61+'.jpg';
				setTimeout('clock()',1000);
			}
		</script>
	</body>
</html>

laity01

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
数码显示时钟

数码显示时钟<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body onload="clock()"> <img src="img/0.jpg"><img src="img/0.jpg"> <img src="img/dot.jpg">
复制链接

扫一扫