javascript获取当前日期时间

<!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>date</title>
<style type="text/css">
#mytime{width:230px;height:30px;background:#4ba800;font:13px/30px tahoma;color:#fff;text-align:center;}
</style>
<script type="text/javascript">
window.onload = function startTime(){
var t = new Date();
var year = t.getFullYear();
var month = t.getMonth()+1;
var date = t.getDate();
var day = t.getDay();
var hour = t.getHours();
var minute = t.getMinutes();
var second = t.getSeconds();
var dayArr = ["","","","","","",""];
if(hour<10){hour = "0" + hour}
if(minute<10){minute = "0" + minute}
if(second<10){second = "0" + second}
document.getElementById("mytime").innerHTML = year + "" + month + "" + date + "" + "星期" +dayArr[day] + " " + hour + " : " + minute + " : " + second;
setTimeout(startTime,1000);
}
</script>
</head>
<body>
<div id="mytime"></div>
</body>
</html>

在这里记录一下吧,想想以前都是到网上复制别人的,总是这错那错,也不知个所以然,现在懂了一点点的js,就自己动手敲了敲,不过我在想用if判断去添加0这样写是不是效率有点低呢,能想到的也只是这样了,先这样吧,呵呵。。。

对了,这里是在window.onload里用setTimeout重复调用startTime()函数,也就是重复调用其自身吧,当然我们也可以用setInterval(startTime,1000)方法,millisec如果设置为1000的话页面载入时会有1秒钟的延迟,那就把值设置小一点吧,,,

posted @ 2012-09-02 16:45  evilfox  阅读(504)  评论(0编辑  收藏  举报