惯例，先来效果图
文章插图
Index.html
动态时钟* {margin: 0;padding: 0;}body {background-attachment: fixed;color: #F5F4F6;font-size: 12px;font-weight: bold;overflow: hidden;width: 1000px;height: 900px;font-family: "微软雅黑";}audio {position: absolute;right: 0;opacity: 0.1;transition: all 1s;}audio:hover {opacity: 1;}.current {color: #D1A3F7;}video {z-index: -1;/* object-fit: fill; */position: fixed;/* right: 0px;bottom: 0px; */min-width: 100%;min-height: 100%;/* height: auto;width: auto; */}.main-content {position: absolute;top: 50%;left: 50%;}.main-content .year {position: relative;top: -13px;left: -38px;text-align: center}.main-content .year span {position: absolute;width: 80px;}.main-content .month {position: relative;top: -13px;left: 40px;}.month span {position: absolute;width: 60px;}.main-content .day {position: relative;top: -13px;left: 85px;}.day span {position: absolute;width: 65px;}.main-content .week {position: relative;top: -13px;left: 145px;}.week span {position: absolute;width: 65px;}.main-content .shichen {position: relative;top: -13px;left: 200px;}.shichen span {position: absolute;width: 125px;}.main-content .hour {position: relative;top: -13px;left: 240px;}.hour span {position: absolute;width: 60px;}.main-content .minute {position: relative;top: -13px;left: 300px;}.minute span {position: absolute;width: 60px;}.main-content .second {position: relative;top: -13px;left: 370px;}.second span {position: absolute;width: 60px;}common.jsfunction numToSimp(n){var str="";var units=parseInt(n%10);var tens=parseInt(n/10);var trans="零一二三四五六七八九十";if(tens>1){str=trans.charAt(tens);}if(tens!=0){str+="十";}if(units!=0){str+=trans.charAt(units);}if(tens==0&&units==0){str=trans[0];}return str;}function numToTrad(n){var str="";var units=parseInt(n%10);var tens=parseInt(n/10);var trans="零一二三四五六七八九";if(tens>1){str=trans.charAt(tens);}if(tens!=0){str+="十";}if(units!=0){str+=trans.charAt(units);}if(tens==0&&units==0){str=trans[0];}return str;}function numToEng(n){var str="";var units=parseInt(n%10);var tens=parseInt(n/10);var trans=[["zero","one","two","three","four","five","six","seven","eight","nine","ten","eleven","twelve","thirteen","fourteen","fifteen","sixteen","seventeen","eighteen","nineteen"],["twenty","thirty","forty","fifty","sixty","seventy","eighty","ninety"],];if(n<20){str=trans[0][n];}else{str=trans[1][tens-2];if(units!=0){str+=trans[0][units];}}if(tens==0&&units==0){str=trans[0][0];}return str;}function isLeapYear(year){if(year%4==0&&year%100!=0||year%400==0){return true;}else{return false;}}function getYear(type,year){var res=""var units=parseInt(year/1%10);var tens=parseInt(year/10%10);var hund=parseInt(year/100%10);var thou=parseInt(year/1000%10);switch(type){case 0:case 3:res=year;break;case 1:res=numToSimp(thou)+numToSimp(hund)+numToSimp(tens)+numToSimp(units);break;case 2:res=numToTrad(thou)+numToTrad(hund)+numToTrad(tens)+numToTrad(units);break;}return res;}function getMonths(type,month){var months=new Array();var monthsEng=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var i=1;switch(type){case 0:for(i=month;i<=12;i++){months.push(i);}for(i=1;i
- 风水培训班哪里的最好 想学风水去哪里学最好
- 怎么找正规的风水门派拜师 风水师怎么拜师
- 风水罗盘装修指南针 风水罗盘安装指南针图片
- 家中聚财风水布局 旺财运的风水布局
- 风水罗盘二十四山向详解 风水罗盘二十四山的用法详解图
- 房子缺东北角风水上怎么说
- 美版有锁是什么意思
- 都市少年风水师 阴阳风水师 吾乃天少
- 怎样看坟地风水好坏 坟墓风水好坏怎么看图解释一下
- 如何发横财的风水方法 发横财的风水格局
特别声明：本站内容均来自网友提供或互联网，仅供参考，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。