码迷,mamicode.com
首页 > Web开发 > 详细

js日期显示效果

时间:2016-12-09 07:46:18      阅读:219      评论:0      收藏:0      [点我收藏+]

标签:分享   amp   case   return   cti   eth   doctype   星期几   check   

<!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日期显示效果

标签:分享   amp   case   return   cti   eth   doctype   星期几   check   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!