自定义日期（时间）格式

代码：

 

 

效果：

 

 我们把它输入到页面上并利用定时器（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 

效果：

 

 

转载于:https://www.cnblogs.com/taohuaya/p/9562358.html