javascript实现动态日期和实时时钟

最新推荐文章于 2024-09-05 16:52:21 发布

hhrxp373317

最新推荐文章于 2024-09-05 16:52:21 发布

阅读量841

点赞数

分类专栏： JavaScript 文章标签： javascript date time

本文链接：https://blog.csdn.net/hhrxp/article/details/11288717

版权

JavaScript 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>showtime</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=gb2312">


<script type="text/javascript">
function showtime(){
var today= new Date();
var year=today.getFullYear();
var month=today.getMonth()+1;
var date=today.getDate();
var day=today.getDay();
if(day==0){
day="日";
}else if(day==1){
day="一";
}else if(day==2){
day="二";
}else if(day==3){
day="三";
}else if(day==4){
day="四";
}else if(day==5){
day="五";
}else if(day==6){
day="六";
}
var hour =today.getHours();
if(hour<10){
hour="0"+hour;
}
var minute=today.getMinutes();
if(minute<10){
minute="0"+minute;
}
var second=today.getSeconds();
if(second<10){
second="0"+second;
}
document.getElementById("clock").innerHTML="<h1>现在是北京时间："+year+"年"+month+"月"+date+"日星期"+day+" "+hour+":"+minute+":"+second+"</h1>"
var time=setTimeout("showtime()",1000);
}
</script>
</head>

<body οnlοad="showtime()">
<div id="clock"></div>
</body>
</html>