JS数字时钟

最新推荐文章于 2020-07-14 14:12:07 发布

natsu_12

最新推荐文章于 2020-07-14 14:12:07 发布

阅读量687

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/u012351851/article/details/40211219

版权

JS 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
	<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Clock</title>
		<script>
			function toDouble(s) {   //将个位的数字转换成带0的字符串
				if (s < 10)  {
					return '0'+s;
				} else {
					return ''+s;
				}
			}
			window.οnlοad=function() {
				var oImg = document.getElementsByTagName('img');
				function tick() {
					var oDate = new Date();    //获取当前的时间，所以一定要放在函数内
					var str;
					str = toDouble(oDate.getHours())+toDouble(oDate.getMinutes())+toDouble(oDate.getSeconds());
					for (var i = 0; i < oImg.length; i++) {
						oImg[i].src = str[i] + '.jpg';

					}
				}
				setInterval(tick, 1000);   //每一千毫秒执行一次tick函数
				tick();     //这是第一次执行tick函数
			}

		</script>
	</head>
	<body>
		<img src="" alt="">
		<img src="" alt="">
		<span>:</span>
		<img src="" alt="">
		<img src="" alt="">
		<span>:</span>
		<img src="" alt="">
		<img src="" alt="">
	</body>
	</html>