博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
自定义日期(时间)格式
阅读量:4685 次
发布时间:2019-06-09

本文共 1942 字,大约阅读时间需要 6 分钟。

代码:

 

    
自定义日期格式

 

效果:

 

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

你可能感兴趣的文章
u-boot启动第一阶段
查看>>
北京大学2019年数学分析考研试题
查看>>
MySQL批量SQL插入性能优化
查看>>
定义列属性:null,default,PK,auto_increment
查看>>
用户画像展示
查看>>
pyqt pyinstaller使用说明
查看>>
C#中StreamReader读取中文出现乱码
查看>>
引用堆中的对象
查看>>
用CSS开启硬件加速来提高网站性能(转)
查看>>
使用BufferedReader的时候出现的问题
查看>>
加快页面加载速度的方法
查看>>
Oozie协作框架
查看>>
linux安装图形界面
查看>>
Android广播发送失败
查看>>
博弈论之入门小结
查看>>
解决IE8下opacity属性失效问题,无法隐藏元素
查看>>
洛谷1002 过河卒
查看>>
C#匿名函数的坑
查看>>
标记页面控件尺寸
查看>>
批处理文件中的路径问题
查看>>