图片时钟

图片时钟HTML实现

最新推荐文章于 2022-05-08 03:18:16 发布

CXZHAOYANG12

最新推荐文章于 2022-05-08 03:18:16 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/CXZHAOYANG12/article/details/9275085

/*
* 程序的版权和版本声明部分
* Copyright (c)2013, 烟台大学计算机学院学生
* All rightsreserved.

* 作    者：   赵 洋
* 完成日期： 2013 年 07 月  08 日
* 版本号： v1.0
* 输入描述：
* 问题描述：图片时钟
* 输出：
*/
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function toDouble(num)
{
    if(num<10)
	{
		return '0'+num;
	}
	else
	{
	  return ''+num;
	}
};
window.onload=function()
{
   //var oBut1=document.getElementById('but1');
   var oImg=document.getElementsByTagName('img');
   var i;
   function upDateTime()
   {
	   var oDate=new Date();
	   var str=toDouble(oDate.getFullYear())+toDouble(oDate.getMonth()+1)+toDouble(oDate.getDate())+toDouble(oDate.getHours())+toDouble(oDate.getMinutes())+toDouble(oDate.getSeconds())+oDate.getDay();
	   
	   for(i=0;i<oImg.length;i++)
	   {
		  oImg[i].src='img/'+str.charAt(i)+'.jpg';  
	   }
   };
       setInterval(upDateTime,1000);
	   upDateTime();
}
</script>
</head>

<body style=" color:#F90; background:#000; font-size:60px;">
<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" />
月
<img src="img/0.jpg" />
<img src="img/0.jpg" />
日<br />
<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" />
秒
星期
<img src="img/0.jpg" />
</body>
</html>