JS图片时间

最新推荐文章于 2022-06-01 00:45:18 发布

波克比520

最新推荐文章于 2022-06-01 00:45:18 发布

阅读量1.1k

点赞数 2

分类专栏： javascript 文章标签：时间日期对象

本文链接：https://blog.csdn.net/u011175410/article/details/50290345

版权

javascript 专栏收录该内容

55 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
<div id="date">
	<img src="img/0.JPG" />
	<img src="img/0.JPG" />
	<img src="img/0.JPG" />
	<img src="img/0.JPG" />
	<img src="img/0.JPG" />
	<img src="img/0.JPG" />
</div>

<script>
	window.onload = function(){
		setInterval(fnTime,1000);
	};

	fnTime();
	function fnTime(){
		var oDiv = document.getElementById('date');
		var aImg = document.getElementsByTagName('img');
		var oDate = new Date();
		var iHours = oDate.getHours();
		var iMin = oDate.getMinutes();
		var iSec = oDate.getSeconds();
		var str = toDouble(iHours) + toDouble(iMin) + toDouble(iSec);

		// charAt() 返回指定位置的字符。
		for( var i = 0; i < aImg.length; i++){
			aImg[i].src = 'img/' + str.charAt(i) + '.JPG';
		}
	};

	// 将一位数字转成两位数字
	function toDouble(n){
		return n < 10 ? '0' + n : '' + n;
	};
</script>
</body>
</html>

预览效果

波克比520

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JS图片时间

Document window.onload = function(){ setInterval(fnTime,1000); }; fnTime(); function fnTime(){ var oDiv = document.getElementById('date'); var aImg = document.getElementsB
复制链接

扫一扫