js实现动态时钟

最新推荐文章于 2023-10-27 19:13:04 发布

凌泷时代

最新推荐文章于 2023-10-27 19:13:04 发布

阅读量440

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/lansing_1995/article/details/51472427

版权

js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

字体间距：letter-spacing

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script src="jquery.js"></script>
<style type="text/css">

 #clo{
	 position:absolute;
	 left:50%;
	 width:350px;
	 height:50px;
	 background-color:#C9F;
	 border:solid #C0C 1px;
	 border-radius:30px;
	 text-align:center;
	 line-height:50px;
	font-size:16px;
	font-weight:bold;
	letter-spacing:2px;
 }
</style>
<script type="text/javascript">
var week=new Array(7);
 //week=["星期天"，"星期一"，"星期二"，"星期三"，"星期四","星期五","星期六"];
 week[1]="星期一";
week[2]="星期二";
week[3]="星期三";
week[4]="星期四";
week[5]="星期五";
week[6]="星期六";
week[0]="星期天";

function check(x)
{
	if(x<10) return '0'+x;
	else return x;
}
function clock()
{
			
	       var D=new Date(); 
		   var time=D.getFullYear()+'年'+(D.getMonth()+1)+'月'+D.getDate()+'日'+
		   check(D.getHours())+'时'+
		   check(D.getMinutes())+'分'+
		   check(D.getSeconds())+'秒'+
		   week[D.getDay()];
		   ;
		    $("#clo").html(time);
}
$(function(){
	setInterval(clock,1000)
});
		
</script>
</head>

<body>
<div id="clo">

</div>


</body>
</html>