您的位置：首页 > Web前端 > JavaScript

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

2014-10-22 22:59 246 查看

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

<!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 onload="Init()">

<div id="main">

<div id="info">

<div id="txt">

</div>

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

</div>

</div>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航