JavaScript制作时钟

最新推荐文章于 2024-08-27 13:24:20 发布

IUNIQUE

最新推荐文章于 2024-08-27 13:24:20 发布

阅读量702

点赞数

分类专栏： Javascript 文章标签： javascript 时钟

本文链接：https://blog.csdn.net/IUNIQUE/article/details/52782843

版权

Javascript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<html>
<head>
<title>制作时钟</title>
<meta http-equiv="content-Type" content="text/html;charset=gb2312"/>
<script type="text/javaScript">
function time(){
var time = new Date();//获取时间对象
var year = time.getFullYear();//获得时间对象的年对象
var month = time.getMonth()+1;//获得时间对象的月对象
if(month<10){
month = "0"+month;
}
var day = time.getDate();//获得时间对象的日对象
if(day<10){
day = "0"+day;
}
var xq = time.getDay();//获得时间对象的星期对象
switch(xq){
case 0:xq = "日";break;
case 1:xq = "一";break;
case 2:xq = "二";break;
case 3:xq = "三";break;
case 4:xq = "四";break;
case 5:xq = "五";break;
case 6:xq = "六";break;
}
var hour = time.getHours();//获得时间对象的小时对象
if(hour<10){
hour = "0"+hour;
}
var minute = time.getMinutes();//获得时间对象的分钟对象
if(minute<10){
minute = "0"+minute;
}
var second = time.getSeconds();//获得时间对象的秒对象
if(second<10){
second = "0"+second;
}
var milliSecond = time.getMilliSeconds();//获得时间对象的毫秒对象
var txt = document.getElementById("Txt"); //获取div对象
var str = year+"年"+month+"月"+day+"日 星期"+xq+" "+hour+":"+minute+":"+second+":"+milliSecond ; //组合成一个时间字符串
tex.innerHTML = str;//把字符串的内容赋给div里面的内容
setTimeout("time()",1);//延迟器，间隔1毫秒回调自身的方法，实现时间不断的变化
}
</script>
</head>
<body>
<input type="button" value="点击按钮查看当前时间" onclick="time()"/>
<div id = "Txt"></div>
</body>
</html>