简单的时间计时器
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="">
<link rel="shortcut icon" type="image/x-icon" href="">
<style type="text/css">
</style>
<body onload="startTime()">
<div id="box" style="background: pink;width:300px;height: 200px;" ></div>
<script type="text/javascript">
//日期对象时用以处理日期和时间的
//获取当前时间
function startTime(){
var myday = new Date();
// 获取年份 getFullYear()
// 获取月份 getMonth()
// 获取日期
// var months = new Array(12);
// months[0] = "1";
// months[1] = "2";
// months[2] = "3";
// months[3] = "4";
// months[4] = "5";
// months[5] = "6";
// months[6] = "7";
// months[7] = "8";
// months[8] = "9";
// months[9] = "10";
// months[10] = "11";
// months[11] = "12";
var year = myday.getFullYear();
var month = myday.getMonth() + 1;
// document.write(myday.getFullYear() + "年" + months[myday.getMonth()] + "月" );
// document.write(myday.getFullYear() + "年" + month + "月" );
// document.write(myday.getFullYear() + "年" + (myday.getMonth() + 1) + "月" );
//获取星期 getDay() 0代表周日，6代表周六 (返回值是0~6之间的一个整数)
//获取日期 getDate()返回值是0~31之间的一个整数
//获取小时 getHours()
//获取分钟 getMinutes()
//获取秒 getSeconds()
var date = myday.getDate();
var hour = myday.getHours();
var m = myday.getMinutes();
var s = myday.getSeconds();
m = checkTime(m);
s = checkTime(s);
// document.write(myday.getFullYear() + "年"
// + month + "月"
// + myday.getDate() + "号"
// + myday.getHours() + "时"
// + myday.getMinutes() + "分"
// + myday.getSeconds() + "秒");
document.getElementById("box").innerHTML = year + "年"
+ month + "月"
+ date + "号"
+ hour + "时"
+ m + "分"
+ s + "秒";
setInterval(function(){
startTime()
},1000);
}
function checkTime(i){
if(i<10){
i = "0"+i;
}
return i
}
</script>
</body>
</html>