关于JS制作时钟的那些事儿

最新推荐文章于 2023-02-04 18:34:22 发布

Vanrio

最新推荐文章于 2023-02-04 18:34:22 发布

阅读量397

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/Vanrio/article/details/40385809

版权

HTML 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

自己做的缺点太多，而且课内的知识确实没法做，在网上浏览了不少，看到一篇能看懂并且也很简单明了的，对我启发很大，大家都可以看一看：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>时间</title>
<style type="text/css">
#main{
margin:20px 100px;
height:31px;
}
#title
{
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0066FF;
float:right;
margin-right:10px;
}
#txt
{
width:200px;
height:20px;
border:1px ;
float:right;

}
#info
{
display:block
width:100%;
height:30px;
background-color:#999999;
}

</style>
<script type="text/javascript">
function CurrentTime()
{
var str="";
//创建时间对象
var time=new Date();
var year=time.getYear();
var month=time.getMonth()+1;

var day=time.getDate();
var hour=time.getHours();
var minute=time.getMinutes();
var second=time.getSeconds();
var day=time.getDay();
str=year+"年"+month+"月"+day+"日"+" "+hour+":"+minute+":"+second+" "+"星期"+day;

document.getElementById("txt").innerHTML="<font size='2' color='red'>"+str+"</font>";
}
function Init()
{
setInterval("CurrentTime()",1000);
}
</script>
</head>

<body οnlοad="Init()">
<div id="main">
<div id="info">

<div id="txt">

</div>
<span id="title">当前时间：</span>
</div>
</div>
</body>
</html>