代码:
自定义日期格式
效果:
我们把它输入到页面上并利用定时器(setInterval)实时更新
1.首先把上例中自定义日期对象的函数封装到一个tool.js文件里,用的时候直接调用即可。
tool.js 代码内容如下
1 function showTime(){ 2 var d = new Date();//获取当前日期 3 var year = d.getFullYear();//获取日期对象的年 4 var month = d.getMonth() + 1;//获取日期对象的月 外国人是从0 开始数月份的 5 var date = d.getDate();//获取日期对象的天 6 var week = d.getDay();//一周中的第几天 7 var hour = d.getHours();//小时 8 var min = d.getMinutes();//分钟 9 var sec = d.getSeconds();//秒10 return year + '年' + doubleNum(month) + '月' + doubleNum(date) + '日 星期' + chineseFromNum(week) + ' ' + doubleNum(hour) + ':' + doubleNum(min) + ':' + doubleNum(sec);11 }12 13 //单数变双数14 function doubleNum(num){15 if(num < 10){16 return '0' + num;17 }else{18 return num;19 }20 }21 22 //将数字转换成中文数字的函数23 function chineseFromNum(num){24 switch(num){25 case 0:26 return '天';27 break;28 case 1:29 return '一';30 break;31 case 2:32 return '二';33 break;34 case 3:35 return '三';36 break;37 case 4:38 return '四';39 break;40 case 5:41 return '五';42 break;43 case 6:44 return '六';45 break;46 default:47 return 'error';48 break;49 }50 }
2.开始编写代码:
1 2 3 4 5自定义时间格式-实时更新 6 18 19 28 29 30 31 32 33
效果: