首页 > Web开发 > 详细

js日期显示效果

时间:2016-12-09 07:43:05      阅读:201      评论:0      收藏:0      [点我收藏+]

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="div1">
</div>
<script type="text/javascript">
window.onload=function show(){
var date=new Date();
var fullyuar=date.getFullYear();//年
var month=date.getMonth()+1; //月
var mydate=date.getDate(); //日
var h=date.getHours(); //时
var m=date.getMinutes(); //分
var s=date.getSeconds(); //秒
var day=date.getDay(); //星期几
var days=checkday(day);
var ms=checkTime(m);
var sb=checkTime(s);
document.getElementById("div1").innerHTML=(fullyuar+"年"+month+"月"+mydate+"日"+days+"&nbsp;"+h+":"+ms+":"+sb);
var time=setTimeout(show,1000);
}
function checkTime(i){
if (i<10){
i="0" + i;
}
return i;
}
function checkday(i){
switch(i){
case 0:i="星期日";break
case 1:i="星期一";break
case 2:i="星期二";break
case 3:i="星期三";break
case 4:i="星期四";break
case 5:i="星期五";break
case 6:i="星期六";break
}
return i;
}
</script>
</body>
</html>

技术分享

 

js日期显示效果

原文:http://www.cnblogs.com/luoguixin/p/6147780.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!