//封装时间格式函数
function showTime(){ var d = new Date();//获取当前日期 var year = d.getFullYear();//获取日期对象的年 var month = d.getMonth() + 1;//获取日期对象的月 外国人是从0 开始数月份的 var date = d.getDate();//获取日期对象的天 var week = d.getDay();//一周中的第几天 var hour = d.getHours();//小时 var min = d.getMinutes();//分钟 var sec = d.getSeconds();//秒 return year + '年' + doubleNum(month) + '月' + doubleNum(date) + '日 星期' + chineseFromNum(week) + ' ' + doubleNum(hour) + ':' + doubleNum(min) + ':' + doubleNum(sec); } //单数变双数 function doubleNum(num){ if(num < 10){ return '0' + num; }else{ return num; } } //将数字转换成中文数字的函数 function chineseFromNum(num){ switch(num){ case 0: return '天'; break; case 1: return '一'; break; case 2: return '二'; break; case 3: return '三'; break; case 4: return '四'; break; case 5: return '五'; break; case 6: return '六'; break; default: return 'error'; break; } }
页面调用
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>自定义时间格式-实时更新</title> <style> #time1 { margin: 50px auto; width: 400px; height: 100px; background: cyan; line-height: 100px; text-align: center; font-size: 24px; } </style> <script src= "tool.js"></script><!--引入封装好的自定义日期的js文件--> <script> window.onload = function(){//等页面加载完毕后执行 var time = document.getElementById('time1');//获取文档节点 setInterval(function(){//定时器 time.innerHTML = showTime(); //调用封装好的函数showTime(); }, 1000) } </script> </head> <body> </body> <div id = 'time1'></div> </html>