码迷,mamicode.com
首页 > Web开发 > 详细

web前端之每天学一点js知识第四期

时间:2017-09-20 22:06:17      阅读:139      评论:0      收藏:0      [点我收藏+]

标签:time()   标题   date()   add   文档   e30   art   span   file   

<!DOCTYPE HTML>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>无标题文档</title>
	</head>
	<body>
		<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" />
		<script src="js/myJs_file.js"></script>
		<script>
			var aImg = document.getElementsByTagName("img");
			function showTime(){
				var myTime = new Date();
				var iHours = myTime.getHours();
				var iMinutes = myTime.getMinutes();
				var iSeconds = myTime.getSeconds();
				var str = addZero(iHours)+addZero(iMinutes)+addZero(iSeconds);
				for(var i=0;i<str.length;i++){
					aImg[i].src = "img/" + str.charAt(i) + ".JPG";
				}
			}
			setInterval(showTime, 1000);
			showTime();
		</script>
	</body>
</html>


ps: myJs_file.js里面其实就是一个利用三目运算符判断数字是否大于10,当大于10时,输出;小于10,则给该数字前面加0;

web前端之每天学一点js知识第四期

标签:time()   标题   date()   add   文档   e30   art   span   file   

原文地址:http://www.cnblogs.com/y5w2z1/p/7563528.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!