代码:
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title > 自定义日期格式 </title>
- <style>
- *{margin: 0;padding:0;}
- html, body{width:100%;height:100%;}
- body{background: black url(../bg/bg1.jpg);background-size: 100% 100%}
- #time{
- /* width:400px; */
- height:306px ;
- position:fixed;
- left:0;right:0;top:0;bottom:0;
- margin: auto;
- /* background:black; */
- /* line-height: 100px; */
- text-align: center;
- font:bold 100px/1.5 georgia,sans-serif;
- color:white;
- text-shadow: 0 0 10px #fff,
- 0 0 20px #fff,
- 0 0 30px #fff,
- 0 0 40px #ff00de,
- 0 0 70px #ff00de,
- 0 0 80px #ff00de,
- 0 0 100px #ff00de,
- 0 0 150px #ff00de;
- }
- </style>
- <script>
- window.onload = function(){
- var oDiv = document.getElementById('time');
- setInterval(function(){
- oDiv.innerHTML = showTime();
- },1000);
- }
- function showTime(){
- var d = new Date();
- var year = d.getFullYear();
- var month = d.getMonth() + 1;
- var day = d.getDate();
- var week = d.getDay();
- var hour = d.getHours();
- var min = d.getMinutes();
- var sec = d.getSeconds();
- return year + '年' + doubleNum(month) + '月' + doubleNum(day) + '日 星期' + numOfChinese(week) + '' + doubleNum(hour) +':'+ doubleNum(min) +':' + doubleNum(sec);
- // 单数变双数
- function doubleNum(num){
- if(num <10){
- return '0' + num;
- }
- return num;
- }
- // 星期 数字转中文
- function numOfChinese(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;
- }
- }
- }
- /* var res = prompt('输入','1');
- alert(numOfChinese(Number(res)));*/
- </script>
- </head>
- <body>
- <div id="time"></div>
- </body>
- </html>
查看代码
浏览器效果:
来源: http://www.bubuko.com/infodetail-2768567.html