javascript实现动态日期和实时时钟
2013-09-07 09:36
369 查看
<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">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<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 onload="showtime()">
<div id="clock"></div>
</body>
</html>
<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">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<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 onload="showtime()">
<div id="clock"></div>
</body>
</html>
相关文章推荐
- 动态显示日期时间(javascript时钟)
- 动态显示日期时间(javascript时钟)
- [置顶] javascript时间和日期,实现时钟功能之浅析
- javascript实现 时钟实时显示及幻灯片自动播放
- 一个简洁的(javascript时钟)动态显示日期时间
- 【javascript】学习总结——动态时钟的实现代码
- 基于javascript实现动态时钟效果
- javascript实现日期时间动态显示
- 使用JavaScript实现制作动态时钟
- javascript实现日期时间动态显示
- javascript实现动态时钟
- javascript实现日期时间动态显示示例代码
- JavaScript实现动态时钟,自己刚写出来的希望能给您带来帮助,逻辑有待精简,欢迎评价
- 基于javascript实现动态时钟效果
- 【javascript】学习总结——动态时钟的实现代码
- javascript时间和日期,实现时钟功能
- javascript实现日期时间动态显示
- javascript实现日期时间动态显示示例代码
- C++:对象数组、对象动态申请和释放、类的定义和实现分开、this指针、常成员函数、时钟
- 用JavaScript和CSS实现“在页面中水平和垂直居中”的时钟