<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>在线时钟-在线时钟显示-北京时间在线时钟秒表</title><meta name="keywords" content="北京时间,现在北京时间" /><meta name="description" content="北京时间,北京时间校准,北京时间几分几秒,北京时间校准毫秒在线,北京时间在线校准,北京时间校准显示器" /><script src="http://www.itswebtime.com/js/jquery-3.4.1.min.js"></script><script src="https://6tail.cn/tyme.min.js"></script><script>$(document).ready(function () {var style = document.styleSheets[0];type=config.language_type;space=getSpace(12,type);$(".main-content .week").css("left",space.week+'px');$(".main-content .month").css("left",space.month+'px');$(".main-content .day").css("left",space.day+'px');$(".main-content .shichen").css("left",space.shichen+'px');$(".main-content .hour").css("left",space.hour+'px');$(".main-content .minute").css("left",space.minute+'px');$(".main-content .second").css("left",space.second+'px');$("body").css("color",config.font_color);style.cssRules[4].style.color=config.pointer_color;if(config.sound){var ele="<audio controls loop autoplay><source src='sound/"+config.sound_name+"'>"$("body").append(ele);}switch(config.background_style){case 0:var ele1="url('images/"+config.background_picture+"') fixed no-repeat"$('body').css('background',ele1);$('body').css('background-size','100% 100%');break;case 1:$('body').append('<video loop autoplay muted><source src="video/'+config.background_video+'"></video>')break;case 2:$('body').css('background',config.background_color);break;}var weekLeft=$(".main-content .week").css("left");var monthLeft=$(".main-content .month").css("left");var dayLeft=$(".main-content .day").css("left");var shichenLeft=$(".main-content .shichen").css("left");var hourLeft=$(".main-content .hour").css("left");var minuteLeft=$(".main-content .minute").css("left");var secondLeft=$(".main-content .second").css("left");var top=$(".main-content .month").css("top");var yearLeft=$(".main-content .year span").width()/2;//进入当前时间var Time={current:{year:2001,month:1,day:9,hour:0,minute:0,second:0,},currentTime:{year:2001,month:1,day:1,hour:0,minute:0,second:0,week:0,shichen:{}},months:getGanZhi60(),days:getGanZhi60(),weeks:[],shichens:[],hours:getGanZhi60(),minutes:[],seconds:[],yearUnit:"年",monthUnit:"月",dayUnit:"日",weekUnit:"星期",hourUnit:"时",minuteUnit:"分",secondUnit:"秒",//新增干支单元ganzhiYear:"",ganzhiMonth:"",ganzhiDay:"",ganzhiHour:""}var month=Time.currentTime.month;var year=Time.currentTime.year;initTime(Time,type);$(".main-content .year").append("<span class='current'>"+Time.currentTime.year+Time.yearUnit+"</span>");var h=$(".year span").height();top=-(parseInt(top))-parseInt(h)/2;top+="px";$(".main-content .week").append("<span class='current'>"+Time.currentTime.week+"</span>");$(".main-content .month").append("<span class='current'>"+padZero(Time.currentTime.month)+Time.monthUnit+"</span>");$(".main-content .day").append("<span class='current'>"+padZero(Time.currentTime.day)+Time.dayUnit+"</span>");$(".main-content .shichen").append("<span class='current'>"+Time.currentTime.shichen.str+"</span>");$(".main-content .hour").append("<span class='current'>"+padZero(Time.currentTime.hour)+Time.hourUnit+"</span>");$(".main-content .minute").append("<span class='current'>"+padZero(Time.currentTime.minute)+Time.minuteUnit+"</span>");$(".main-content .second").append("<span class='current'>"+padZero(Time.currentTime.second)+Time.secondUnit+"</span>");for (const key in Time.weeks) {if (Time.weeks.hasOwnProperty(key)) {const element = Time.weeks[key];if(element!=Time.currentTime.week){$(".main-content .week").append("<span>"+element+"</span>");}}}for (const key in Time.months) {if (Time.months.hasOwnProperty(key)) {const element = Time.months[key];if(element!=Time.currentTime.month){$(".main-content .month").append("<span>"+element+Time.monthUnit+"</span>");}}}for (const key in Time.days) {if (Time.days.hasOwnProperty(key)) {const element = Time.days[key];if(element!=Time.currentTime.day){$(".main-content .day").append("<span>"+element+Time.dayUnit+"</span>");}}}for (const key in Time.shichens) {if (Time.shichens.hasOwnProperty(key)) {const element = Time.shichens[key];if(element!=Time.currentTime.shichen.str){$(".main-content .shichen").append("<span>"+element+"</span>");}}}for (const key in Time.hours) {if (Time.hours.hasOwnProperty(key)) {const element = Time.hours[key];if(element!=Time.currentTime.hour){$(".main-content .hour").append("<span>"+element+Time.hourUnit+"</span>");}}}for (const key in Time.minutes) {if (Time.minutes.hasOwnProperty(key)) {const element = Time.minutes[key];if(element!=Time.currentTime.minute){$(".main-content .minute").append("<span>"+element+Time.minuteUnit+"</span>");}}}for (const key in Time.seconds) {if (Time.seconds.hasOwnProperty(key)) {const element = Time.seconds[key];if(element!=Time.currentTime.second){$(".main-content .second").append("<span>"+element+Time.secondUnit+"</span>");}}}setTimeout(function () {$(".week span").each(function(index,element){$(element).css("animation","week"+index+" 1s linear");$(element).css("animation-fill-mode","forwards");style.insertRule("@keyframes week"+index+"{0%{transform: rotateZ(0);transform-origin: -"+weekLeft+" "+top+";}100%{transform:rotateZ("+-(360/Time.weeks.length)*index+"deg);transform-origin: -"+weekLeft+" "+top+";}}",style.rules.length);});}, 1000);setTimeout(function () {$(".month span").each(function(index,element){$(element).css("animation","month"+index+" 1s linear");$(element).css("animation-fill-mode","forwards");style.insertRule("@keyframes month"+index+"{0%{transform: rotateZ(0);transform-origin: -"+monthLeft+" "+top+";}100%{transform:rotateZ("+-(360/12)*(index)+"deg);transform-origin: -"+monthLeft+" "+top+";}}",style.rules.length);});}, 2000);setTimeout(function () {$(".day span").each(function(index,element){$(element).css("animation","day"+index+" 1s linear");$(element).css("animation-fill-mode","forwards");style.insertRule("@keyframes day"+index+"{0%{transform: rotateZ(0);transform-origin: -"+dayLeft+" "+top+";}100%{transform:rotateZ("+-(360/Time.days.length)*index+"deg);transform-origin: -"+dayLeft+" "+top+";}}",style.rules.length);});}, 3000);setTimeout(function () {$(".shichen span").each(function(index,element){$(element).css("animation","shichen"+index+" 1s linear");$(element).css("animation-fill-mode","forwards");style.insertRule("@keyframes shichen"+index+"{0%{transform: rotateZ(0);transform-origin: -"+shichenLeft+" "+top+";}100%{transform:rotateZ("+-(360/Time.shichens.length)*index+"deg);transform-origin: -"+shichenLeft+" "+top+";}}",style.rules.length);});}, 4000);setTimeout(function () {$(".hour span").each(function(index,element){$(element).css("animation","hour"+index+" 1s linear");$(element).css("animation-fill-mode","forwards");style.insertRule("@keyframes hour"+index+"{0%{transform: rotateZ(0);transform-origin: -"+hourLeft+" "+top+";}100%{transform:rotateZ("+-(360/Time.hours.length)*index+"deg);transform-origin: -"+hourLeft+" "+top+";}}",style.rules.length);});}, 5000);setTimeout(function () {$(".minute span").each(function(index,element){$(element).css("animation","minute"+index+" 1s linear");$(element).css("animation-fill-mode","forwards");style.insertRule("@keyframes minute"+index+"{0%{transform: rotateZ(0);transform-origin: -"+minuteLeft+" "+top+";}100%{transform:rotateZ("+-(360/Time.minutes.length)*index+"deg);transform-origin: -"+minuteLeft+" "+top+";}}",style.rules.length);});}, 6000);setTimeout(function () {$(".second span").each(function(index,element){$(element).css("animation","second"+index+" 1s linear");$(element).css("animation-fill-mode","forwards");style.insertRule("@keyframes second"+index+"{0%{transform: rotateZ(0);transform-origin: -"+secondLeft+" "+top+";}100%{transform:rotateZ("+-(360/Time.seconds.length)*index+"deg);transform-origin: -"+secondLeft+" "+top+";}}",style.rules.length);});}, 7000);//时间旋转setTimeout(function () {$(".year span").css("animation","yearRun 1s linear infinite");style.insertRule("@keyframes yearRun {0%{transform: rotateZ(0);transform-origin: -"+yearLeft+" "+top+";}100%{transform:rotateZ(720deg);transform-origin: -"+yearLeft+" "+top+";}}",style.rules.length);$($(".main-content .second span")[0]).removeClass("current");$(".second span").each(function(index,element){$(element).css("animation","secondRun"+index+" 1s linear infinite");style.insertRule("@keyframes secondRun"+index+" {0%{transform: rotateZ(0);transform-origin: -"+secondLeft+" "+top+";}100%{transform:rotateZ("+((index+1)*720)+"deg);transform-origin: -"+secondLeft+" "+top+";}}",style.rules.length);});$($(".main-content .minute span")[0]).removeClass("current");$(".minute span").each(function(index,element){$(element).css("animation","minuteRun"+index+" 1s linear infinite");style.insertRule("@keyframes minuteRun"+index+" {0%{transform: rotateZ(0);transform-origin: -"+minuteLeft+" "+top+";}100%{transform:rotateZ("+((index+1)*720)+"deg);transform-origin: -"+minuteLeft+" "+top+";}}",style.rules.length);});$($(".main-content .hour span")[0]).removeClass("current");$(".hour span").each(function(index,element){$(element).css("animation","hourRun"+index+" 1s linear infinite");style.insertRule("@keyframes hourRun"+index+" {0%{transform: rotateZ(0);transform-origin: -"+hourLeft+" "+top+";}100%{transform:rotateZ("+((index+1)*720)+"deg);transform-origin: -"+hourLeft+" "+top+";}}",style.rules.length);});$($(".main-content .shichen span")[0]).removeClass("current");$(".shichen span").each(function(index,element){$(element).css("animation","shichenRun"+index+" 1s linear infinite");style.insertRule("@keyframes shichenRun"+index+" {0%{transform: rotateZ(0);transform-origin: -"+shichenLeft+" "+top+";}100%{transform:rotateZ("+((index+1)*720)+"deg);transform-origin: -"+shichenLeft+" "+top+";}}",style.rules.length);});$($(".main-content .week span")[0]).removeClass("current");$(".week span").each(function(index,element){$(element).css("animation","weekRun"+index+" 1s linear infinite");style.insertRule("@keyframes weekRun"+index+" {0%{transform: rotateZ(0);transform-origin: -"+weekLeft+" "+top+";}100%{transform:rotateZ("+((index+1)*720)+"deg);transform-origin: -"+weekLeft+" "+top+";}}",style.rules.length);});$($(".main-content .day span")[0]).removeClass("current");$(".day span").each(function(index,element){$(element).css("animation","dayRun"+index+" 1s linear infinite");style.insertRule("@keyframes dayRun"+index+" {0%{transform: rotateZ(0);transform-origin: -"+dayLeft+" "+top+";}100%{transform:rotateZ("+((index+1)*720)+"deg);transform-origin: -"+dayLeft+" "+top+";}}",style.rules.length);});$($(".main-content .month span")[0]).removeClass("current");$(".month span").each(function(index,element){$(element).css("animation","monthRun"+index+" 1s linear infinite");style.insertRule("@keyframes monthRun"+index+" {0%{transform: rotateZ(0);transform-origin: -"+monthLeft+" "+top+";}100%{transform:rotateZ("+((index+1)*720)+"deg);transform-origin: -"+monthLeft+" "+top+";}}",style.rules.length);});}, 7000);//定义初始化当前时间setTimeout(function () {var myDate = new Date();Time.current.year=myDate.getFullYear();Time.current.month=myDate.getMonth()+1;Time.current.day=myDate.getDate();Time.current.hour=myDate.getHours();Time.current.minute=myDate.getMinutes();Time.current.second=myDate.getSeconds();Time.currentTime.year=myDate.getFullYear();Time.currentTime.month=myDate.getMonth()+1;Time.currentTime.day=myDate.getDate();Time.currentTime.week=myDate.getDay();Time.currentTime.hour=myDate.getHours();Time.currentTime.minute=myDate.getMinutes();Time.currentTime.second=myDate.getSeconds();month=Time.currentTime.month;year=Time.currentTime.year;initTime(Time,type);$(".main-content .year").html("");$(".main-content .year").append("<span class='current'>"+Time.currentTime.year+Time.yearUnit+"</span>");$(".main-content .second").html("");$(".main-content .second").append("<span class='current'>"+Time.currentTime.second+Time.secondUnit+"</span>");for (const key in Time.seconds) {if (Time.seconds.hasOwnProperty(key)) {const element = Time.seconds[key];if(element!=Time.currentTime.second){$(".main-content .second").append("<span>"+element+Time.secondUnit+"</span>");}}}$(".main-content .minute").html("");$(".main-content .minute").append("<span class='current'>"+Time.currentTime.minute+Time.minuteUnit+"</span>");for (const key in Time.minutes) {if (Time.minutes.hasOwnProperty(key)) {const element = Time.minutes[key];if(element!=Time.currentTime.minute){$(".main-content .minute").append("<span>"+element+Time.minuteUnit+"</span>");}}}$(".main-content .hour").html("");$(".main-content .hour").append("<span class='current'>"+Time.currentTime.hour+Time.hourUnit+"</span>");for (const key in Time.hours) {if (Time.hours.hasOwnProperty(key)) {const element = Time.hours[key];if(element!=Time.currentTime.hour){$(".main-content .hour").append("<span>"+element+Time.hourUnit+"</span>");}}}$(".main-content .shichen").html("");$(".main-content .shichen").append("<span class='current'>"+Time.currentTime.shichen.str+"</span>");for (const key in Time.shichens) {if (Time.shichens.hasOwnProperty(key)) {const element = Time.shichens[key];if(element!=Time.currentTime.shichen.str){$(".main-content .shichen").append("<span>"+element+"</span>");}}}$(".main-content .week").html("");$(".main-content .week").append("<span class='current'>"+Time.currentTime.week+"</span>");for (const key in Time.weeks) {if (Time.weeks.hasOwnProperty(key)) {const element = Time.weeks[key];if(element!=Time.currentTime.week){$(".main-content .week").append("<span>"+element+"</span>");}}}$(".main-content .day").html("");$(".main-content .day").append("<span class='current'>"+Time.currentTime.day+Time.dayUnit+"</span>");for (const key in Time.days) {if (Time.days.hasOwnProperty(key)) {const element = Time.days[key];if(element!=Time.currentTime.day){$(".main-content .day").append("<span>"+element+Time.dayUnit+"</span>");}}}$(".main-content .month").html("");$(".main-content .month").append("<span class='current'>"+Time.currentTime.month+Time.monthUnit+"</span>");for (const key in Time.months) {if (Time.months.hasOwnProperty(key)) {const element = Time.months[key];if(element!=Time.currentTime.month){$(".main-content .month").append("<span>"+element+Time.monthUnit+"</span>");}}}}, 8000);//进来转回到当前时间setTimeout(function () {$(".second span").each(function(index,element){$(element).css("animation","second"+index+" 0s linear");$(element).css("animation-fill-mode","forwards");style.insertRule("@keyframes second"+index+"{0%{transform: rotateZ(0);transform-origin: -"+secondLeft+" "+top+";}100%{transform:rotateZ("+-(360/Time.seconds.length)*index+"deg);transform-origin: -"+secondLeft+" "+top+";}}",style.rules.length);});$(".minute span").each(function(index,element){$(element).css("animation","minute"+index+" 0s linear");$(element).css("animation-fill-mode","forwards");style.insertRule("@keyframes minute"+index+"{0%{transform: rotateZ(0);transform-origin: -"+minuteLeft+" "+top+";}100%{transform:rotateZ("+-(360/Time.minutes.length)*index+"deg);transform-origin: -"+minuteLeft+" "+top+";}}",style.rules.length);});$(".hour span").each(function(index,element){$(element).css("animation","hour"+index+" 0s linear");$(element).css("animation-fill-mode","forwards");style.insertRule("@keyframes hour"+index+"{0%{transform: rotateZ(0);transform-origin: -"+hourLeft+" "+top+";}100%{transform:rotateZ("+-(360/Time.hours.length)*index+"deg);transform-origin: -"+hourLeft+" "+top+";}}",style.rules.length);});$(".shichen span").each(function(index,element){$(element).css("animation","shichen"+index+" 0s linear");$(element).css("animation-fill-mode","forwards");style.insertRule("@keyframes shichen"+index+"{0%{transform: rotateZ(0);transform-origin: -"+shichenLeft+" "+top+";}100%{transform:rotateZ("+-(360/Time.shichens.length)*index+"deg);transform-origin: -"+shichenLeft+" "+top+";}}",style.rules.length);});$(".week span").each(function(index,element){$(element).css("animation","week"+index+" 0s linear");$(element).css("animation-fill-mode","forwards");style.insertRule("@keyframes week"+index+"{0%{transform: rotateZ(0);transform-origin: -"+weekLeft+" "+top+";}100%{transform:rotateZ("+-(360/Time.weeks.length)*index+"deg);transform-origin: -"+weekLeft+" "+top+";}}",style.rules.length);});$(".day span").each(function(index,element){$(element).css("animation","day"+index+" 0s linear");$(element).css("animation-fill-mode","forwards");style.insertRule("@keyframes day"+index+"{0%{transform: rotateZ(0);transform-origin: -"+dayLeft+" "+top+";}100%{transform:rotateZ("+-(360/Time.days.length)*index+"deg);transform-origin: -"+dayLeft+" "+top+";}}",style.rules.length);});$(".month span").each(function(index,element){$(element).css("animation","month"+index+" 0s linear");$(element).css("animation-fill-mode","forwards");style.insertRule("@keyframes month"+index+"{0%{transform: rotateZ(0);transform-origin: -"+monthLeft+" "+top+";}100%{transform:rotateZ("+-(360/Time.months.length)*index+"deg);transform-origin: -"+monthLeft+" "+top+";}}",style.rules.length);});}, 8000);setTimeout(function (){setInterval(run,1000)},8000)var seci=1;var mini=1;var houri=1;var shicheni=1;var weeki=1;var dayi=1;var monthi=1;function run(){var next=$(".second span.current").next();if(next.text()==""){next=$(".second span").first();}var secang1=6*(seci-1);var secang2=6*seci;$(".second").css("animation","secondRun"+seci+" 0.5s ease-in-out");$(".second").css("animation-fill-mode","forwards");style.insertRule("@keyframes secondRun"+seci+"{0%{transform: rotateZ("+secang1+"deg);transform-origin: -"+secondLeft+" "+top+";} 50%{transform:rotateZ("+(secang2+1)+"deg);transform-origin: -"+secondLeft+" "+top+";} 100%{transform:rotateZ("+secang2+"deg);transform-origin: -"+secondLeft+" "+top+";}}",style.rules.length);$(".second span.current").removeClass("current");next.addClass("current");seci++;if(seci>60){seci=1;}//展示分钟var secText=$(".second span.current").text();if(secText=="0秒"||secText=="零秒"||secText=="0 s"){var minang1=6*(mini-1);var minang2=6*mini;var next=$(".minute span.current").next();if(next.text()==""){next=$(".minute span").first();}$(".minute").css("animation","minuteRun"+mini+" 0.5s ease-in-out");$(".minute").css("animation-fill-mode","forwards");style.insertRule("@keyframes minuteRun"+mini+" {0%{transform: rotateZ("+minang1+"deg);transform-origin: -"+minuteLeft+" "+top+";} 100%{transform:rotateZ("+minang2+"deg);transform-origin: -"+minuteLeft+" "+top+";}}",style.rules.length);$(".minute span.current").removeClass("current");next.addClass("current");mini++;if(mini>60){mini=1;}}//展示小时var minText=$(".minute span.current").text();if((secText=="0秒"||secText=="零秒"||secText=="0 s") &&(minText=="0分"||minText=="零分"||minText=="0 m")){var hourang1=15*(houri-1);var hourang2=15*houri;var next=$(".hour span.current").next();if(next.text()==""){next=$(".hour span").first();}$(".hour").css("animation","hourRun"+houri+" 0.5s ease-in-out");$(".hour").css("animation-fill-mode","forwards");style.insertRule("@keyframes hourRun"+houri+" {0%{transform: rotateZ("+hourang1+"deg);transform-origin: -"+hourLeft+" "+top+";} 100%{transform:rotateZ("+hourang2+"deg);transform-origin: -"+hourLeft+" "+top+";}}",style.rules.length);$(".hour span.current").removeClass("current");next.addClass("current");houri++;if(houri>24){houri=1;}}//展示时辰var hourText=$(".hour span.current").text();if((secText=="0秒"||secText=="零秒"||secText=="0 s") && (minText=="0分"||minText=="零分"||minText=="0 m")&&isShichen(hourText)){var shichenang1=30*(shicheni-1);var shichenang2=30*shicheni;var next=$(".shichen span.current").next();if(next.text()==""){next=$(".shichen span").first();}$(".shichen").css("animation","shichenRun"+shicheni+" 0.5s ease-in-out");$(".shichen").css("animation-fill-mode","forwards");style.insertRule("@keyframes shichenRun"+shicheni+" {0%{transform: rotateZ("+shichenang1+"deg);transform-origin: -"+shichenLeft+" "+top+";} 100%{transform:rotateZ("+shichenang2+"deg);transform-origin: -"+shichenLeft+" "+top+";}}",style.rules.length);$(".shichen span.current").removeClass("current");next.addClass("current");shicheni++;if(shicheni>30){shicheni=1;}}//展示星期和日数if((secText=="0秒"||secText=="零秒"||secText=="0 s") && (minText=="0分"||minText=="零分"||minText=="0 m")&&(hourText=="0时"||hourText=="零时"||hourText=="0 h")){var weekang1=(360/7)*(weeki-1);var weekang2=(360/7)*weeki;var dayang1=(360/Time.days.length)*(dayi-1);var dayang2=(360/Time.days.length)*dayi;// console.log(dayang1);var nextweek=$(".week span.current").next();var nextday=$(".day span.current").next();if(nextweek.text()==""){nextweek=$(".week span").first();}if(nextday.text()==""){nextday=$(".day span").first();}$(".week").css("animation","weekRun"+weeki+" 0.5s ease-in-out");$(".week").css("animation-fill-mode","forwards");style.insertRule("@keyframes weekRun"+weeki+" {0%{transform: rotateZ("+weekang1+"deg);transform-origin: -"+weekLeft+" "+top+";} 100%{transform:rotateZ("+weekang2+"deg);transform-origin: -"+weekLeft+" "+top+";}}",style.rules.length);$(".day").css("animation","dayRun"+dayi+" 0.5s ease-in-out");$(".day").css("animation-fill-mode","forwards");style.insertRule("@keyframes dayRun"+dayi+" {0%{transform: rotateZ("+dayang1+"deg);transform-origin: -"+dayLeft+" "+top+";} 100%{transform:rotateZ("+dayang2+"deg);transform-origin: -"+dayLeft+" "+top+";}}",style.rules.length);$(".week span.current").removeClass("current");nextweek.addClass("current");weeki++;if(weeki>7){weeki=1;}$(".day span.current").removeClass("current");nextday.addClass("current");dayi++;if(dayi>Time.days.length){dayi=1;}}//展示月var dayText=$(".day span.current").text();if((dayText=="1 day"||dayText==numToSimp(1)+"日"||dayText==numToTrad(1)+"日"||dayText=="1日")&&(secText=="0秒"||secText=="零秒"||secText=="0 s") && (minText=="0分"||minText=="零分"||minText=="0 m")&&(hourText=="0时"||hourText=="零时"||hourText=="0 h")){var monthang1=30*(monthi-1);var monthang2=30*monthi;var next=$(".month span.current").next();if(next.text()==""){next=$(".month span").first();}$(".month").css("animation","monthRun"+monthi+" 0.5s ease-in-out");$(".month").css("animation-fill-mode","forwards");style.insertRule("@keyframes monthRun"+monthi+" {0%{transform: rotateZ("+monthang1+"deg);transform-origin: -"+monthLeft+" "+top+";} 100%{transform:rotateZ("+monthang2+"deg);transform-origin: -"+monthLeft+" "+top+";}}",style.rules.length);month++;if(month>12){month=1;}//更新到当前日$(".day").html("");Time.days=updateDays(type,year,month,1);Time.currentTime.day=getFirstDay(type);$(".main-content .day").append("<span class='current'>"+Time.currentTime.day+Time.dayUnit+"</span>");for (const key in Time.days) {if (Time.days.hasOwnProperty(key)) {const element = Time.days[key];if(element!=Time.currentTime.day){$(".main-content .day").append("<span>"+element+Time.dayUnit+"</span>");}}}$(".day span").each(function(index,element){$(element).css("animation","day"+index+" 0.5s linear");$(element).css("animation-fill-mode","forwards");style.insertRule("@keyframes day"+index+"{0%{transform: rotateZ(0);transform-origin: -"+dayLeft+" "+top+";}100%{transform:rotateZ("+-(360/Time.days.length)*(index+1)+"deg);transform-origin: -"+dayLeft+" "+top+";}}",style.rules.length);});$(".month span.current").removeClass("current");next.addClass("current");monthi++;if(monthi>12){monthi=1;}}//更新到年 + 干支刷新if(month==1&&(dayText=="1 day"||dayText==numToSimp(1)+"日"||dayText==numToTrad(1)+"日"||dayText=="1日")&&(secText=="0秒"||secText=="零秒"||secText=="0 s") && (minText=="0分"||minText=="零分"||minText=="0 m")&&(hourText=="0时"||hourText=="零时"||hourText=="0 h")){year++;Time.currentTime.year=getYear(type,year);$(".year span").html(getYear(type,year)+Time.yearUnit);//干支模式刷新四柱if(type===4){var gzArr = getSixtyCycle(type, year, month, day, Time.currentTime.hour, Time.currentTime.minute, Time.currentTime.second);Time.ganzhiYear = gzArr[0];Time.ganzhiMonth = gzArr[1];Time.ganzhiDay = gzArr[2];Time.ganzhiHour = gzArr[3];}}}});function initTime(Time,type){switch (type) {case 0:Time.months=getMonths(0,Time.currentTime.month);Time.days=getdays(0,Time.currentTime.year,Time.currentTime.month,Time.currentTime.day);Time.weeks=getWeeks(0,Time.currentTime.week);Time.hours=getHours(0,Time.currentTime.hour);Time.minutes=getMinutes(0,Time.currentTime.minute);Time.seconds=getSeconds(0,Time.currentTime.second);Time.currentTime.week=Time.weekUnit+ getWeek(0,Time.currentTime.week);Time.currentTime.shichen=getShiChen(0,Time.currentTime.hour);Time.shichens=getShiChens(0,Time.currentTime.shichen);break;case 1:Time.months=getMonths(1,Time.currentTime.month);Time.days=getdays(1,Time.currentTime.year,Time.currentTime.month,Time.currentTime.day);Time.weeks=getWeeks(1,Time.currentTime.week);Time.hours=getHours(1,Time.currentTime.hour);Time.minutes=getMinutes(1,Time.currentTime.minute);Time.seconds=getSeconds(1,Time.currentTime.second);Time.currentTime.month=numToSimp(Time.currentTime.month);Time.currentTime.day=numToSimp(Time.currentTime.day);Time.currentTime.week=Time.weekUnit+getWeek(1,Time.currentTime.week);Time.currentTime.shichen=getShiChen(1,Time.currentTime.hour);Time.shichens=getShiChens(1,Time.currentTime.shichen);Time.currentTime.hour=numToSimp(Time.currentTime.hour);Time.currentTime.minute=numToSimp(Time.currentTime.minute);Time.currentTime.second=numToSimp(Time.currentTime.second);Time.currentTime.year=getYear(1,Time.currentTime.year);break;case 2:Time.months=getMonths(2,Time.currentTime.month);Time.days=getdays(2,Time.currentTime.year,Time.currentTime.month,Time.currentTime.day);Time.weeks=getWeeks(2,Time.currentTime.week);Time.hours=getHours(2,Time.currentTime.hour);Time.minutes=getMinutes(2,Time.currentTime.minute);Time.seconds=getSeconds(2,Time.currentTime.second);Time.currentTime.month=numToTrad(Time.currentTime.month);Time.currentTime.day=numToTrad(Time.currentTime.day);Time.currentTime.week=Time.weekUnit+getWeek(2,Time.currentTime.week);Time.currentTime.shichen=getShiChen(2,Time.currentTime.hour);Time.shichens=getShiChens(2,Time.currentTime.shichen);Time.currentTime.hour=numToTrad(Time.currentTime.hour);Time.currentTime.minute=numToTrad(Time.currentTime.minute);Time.currentTime.second=numToTrad(Time.currentTime.second);Time.currentTime.year=getYear(2,Time.currentTime.year);break;case 3:Time.months=getMonths(3,Time.currentTime.month);Time.days=getdays(0,Time.currentTime.year,Time.currentTime.month,Time.currentTime.day);Time.weeks=getWeeks(3,Time.currentTime.week);Time.hours=getHours(3,Time.currentTime.hour);Time.minutes=getMinutes(3,Time.currentTime.minute);Time.seconds=getSeconds(3,Time.currentTime.second);Time.currentTime.month=getMonthEng(Time.currentTime.month);Time.currentTime.week= getWeek(3, Time.currentTime.week);Time.currentTime.shichen=getShiChen(3,Time.currentTime.hour);Time.shichens=getShiChens(3,Time.currentTime.shichen);Time.monthUnit="";Time.dayUnit=" day"Time.weekUnit=""Time.hourUnit=" h"Time.minuteUnit=" m"Time.secondUnit=" s"Time.yearUnit=" Year"break;//新增type=4 干支四柱模式case 4://调用干支函数获取四柱var gz = getSixtyCycle(4, Time.currentTime.year, Time.currentTime.month, Time.currentTime.day, Time.currentTime.hour, Time.currentTime.minute, Time.currentTime.second);Time.ganzhiYear = gz[0];Time.ganzhiMonth = gz[1];Time.ganzhiDay = gz[2];Time.ganzhiHour = gz[3];//复用容器分别存放年柱/月柱/日柱/时柱干支// Time.months = getGanZhi60(gz[1]);Time.months = getMonths(type, Time);Time.days = getGanZhi60(gz[2]);Time.weeks = getWeeks(4,Time.currentTime.week);//"星期"+numToSimp(Time.currentTime.week)Time.shichens = getGanZhi60(gz[3]);Time.hours = getShuZiArr(24, gz[4]);Time.minutes = getShuZiArr(60, gz[5]);Time.seconds = getShuZiArr(60, gz[6]);//替换单位文字Time.yearUnit = "年";Time.monthUnit = "月";Time.dayUnit = "日";Time.weekUnit = "周";Time.shichenUnit = "时";Time.hourUnit = "点";Time.minuteUnit = "分";Time.secondUnit = "秒";Time.currentTime.year = Time.ganzhiYear;Time.currentTime.month = Time.ganzhiMonth;Time.currentTime.day = Time.ganzhiDay;Time.currentTime.shichen.str = Time.ganzhiHour;Time.currentTime.week= getWeek(4, Time.currentTime.week);break;}}//根据字体大小和文字类型获取时钟间距function getSpace(fontSize,type){space={month:0,day:0,week:0,shichen:0,hour:0,minute:0,second:0}switch(type){case 0:space.month=30;space.day=65;space.week=100;space.shichen=150;space.hour=230;space.minute=270;space.second=310;break;case 1:space.month=40;space.day=85;space.week=145;space.shichen=192;space.hour=232;space.minute=292;space.second=355;break;case 2:space.month=40;space.day=85;space.week=145;space.shichen=190;space.hour=230;space.minute=290;space.second=350;break;case 3:space.month=40;space.day=75;space.week=125;space.shichen=160;space.hour=255;space.minute=295;space.second=335;break;//干支type=4 加宽间距适配两个字干支case 4:space.week=80;space.month=140;space.day=190;space.shichen=240;space.hour=280;space.minute=320;space.second=360;break;}return space;}</script><script>function getShuZiArr(len=60, num=0){const nums = [];for(let i=0; i<len; i++){nums.push(i);}const index = nums.indexOf(num);if (index === -1) {return nums;}const rotatedMap = nums.slice(index).concat(nums.slice(0, index));return rotatedMap;}function getGanZhi60(ganZhi){const map = ["甲子","乙丑","丙寅","丁卯","戊辰","己巳","庚午","辛未","壬申","癸酉","甲戌","乙亥","丙子","丁丑","戊寅","己卯","庚辰","辛巳","壬午","癸未","甲申","乙酉","丙戌","丁亥","戊子","己丑","庚寅","辛卯","壬辰","癸巳","甲午","乙未","丙申","丁酉","戊戌","己亥","庚子","辛丑","壬寅","癸卯","甲辰","乙巳","丙午","丁未","戊申","己酉","庚戌","辛亥","壬子","癸丑","甲寅","乙卯","丙辰","丁巳","戊午","己未","庚申","辛酉","壬戌","癸亥"];const index = map.indexOf(ganZhi);if (index === -1) {return map;}const rotatedMap = map.slice(index).concat(map.slice(0, index));return rotatedMap;}//这里显示简体字体function 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;case 4:var gz = getSixtyCycle(4, year, 1, 1, 0, 0, 0);res = gz[0];break;}return res;}// 获取月份 参数：0阿拉伯 1简体 2繁体 3英文 4干支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(padZero(i));}for(i=1;i<month;i++){months.push(padZero(i));}break;case 1:for(i=month;i<=12;i++){months.push(numToSimp(i));}for(i=1;i<month;i++){months.push(numToSimp(i));}break;case 2:for(i=month;i<=12;i++){months.push(numToTrad(i));}for(i=1;i<month;i++){months.push(numToTrad(i));}break;case 3:for(i=month-1;i<12;i++){months.push(monthsEng[i]);}for(i=0;i<month-1;i++){months.push(monthsEng[i]);}break;case 4:if (!month || !month.current) {console.error("传入的month对象不合法");break;}var currentMonth = month.current.month;for(i=currentMonth;i<=12;i++){const gzMonth = getSixtyCycle(type, month.current.year, i, month.current.day, 0, 0, 0);months.push(gzMonth[1]);}for(i=1;i<currentMonth;i++){const gzMonth = getSixtyCycle(type, month.current.year, i, month.current.day, 0, 0, 0);months.push(gzMonth[1]);}break;}return months;}function getdays(type,year,month,day){var days=new Array();var j=1;var isLeap=isLeapYear(year);switch (type) {case 0:case 3:for(j=day;j<=31;j++){days.push(padZero(j))if(month==2&&isLeap&&j==29){break;}if(month==2&&!isLeap&&j==28){break;}if((month==2||month==4||month==6||month==9||month==11)&&j==30){break;}}for(j=1;j<day;j++){days.push(padZero(j))}break;case 1:for(j=day;j<=31;j++){days.push(numToSimp(j))if(month==2&&isLeap&&j==29){break;}if(month==2&&!isLeap&&j==28){break;}if((month==2||month==4||month==6||month==9||month==11)&&j==30){break;}}for(j=1;j<day;j++){days.push(numToSimp(j))}break;case 2:for(j=day;j<=31;j++){days.push(numToTrad(j))if(month==2&&isLeap&&j==29){break;}if(month==2&&!isLeap&&j==28){break;}if((month==2||month==4||month==6||month==9||month==11)&&j==30){break;}}for(j=1;j<day;j++){days.push(numToTrad(j))}break;case 4:var gz = getSixtyCycle(4, year, month, day, 0,0,0);days.push(gz[2]);break;}return days;}//核心函数：getSixtyCycle 新增type参数，返回[年柱,月柱,日柱,时柱]四柱干支function getSixtyCycle(type,year,month,day,hour,minutes,seconds){//依托6tail tyme库公历转八字干支var solarTime = SolarTime.fromYmdHms(parseInt(year),parseInt(month),parseInt(day),parseInt(hour),parseInt(minutes),parseInt(seconds));var sixtyCycleTime = solarTime.getSixtyCycleHour();var sixtyCycleYear = sixtyCycleTime.getYear().getName();var sixtyCycleMonth = sixtyCycleTime.getMonth().getName();var sixtyCycleDay = sixtyCycleTime.getDay().getName();var sixtyCycleHour = sixtyCycleTime.getSixtyCycle().getName(); // console.log("sixtyCycleTime",sixtyCycleTime);// console.log("hour: ",hour);return [sixtyCycleYear, sixtyCycleMonth, sixtyCycleDay,sixtyCycleHour,hour,minutes,seconds];}function getShiChen(type,hour){var shichen={index:0,str:""};switch(type){case 0:if(hour>=23||hour<1){shichen.index=0;shichen.str="23:00-1:00";}else if(hour>=1&&hour<3){shichen.index=1;shichen.str="1:00-3:00";}else if(hour>=3&&hour<5){shichen.index=2;shichen.str="3:00-5:00";}else if(hour>=5&&hour<7){shichen.index=3;shichen.str="5:00-7:00";}else if(hour>=7&&hour<9){shichen.index=4;shichen.str="7:00-9:00";}else if(hour>=9&&hour<11){shichen.index=5;shichen.str="9:00-11:00";}else if(hour>=11&&hour<13){shichen.index=6;shichen.str="11:00-13:00";}else if(hour>=13&&hour<15){shichen.index=7;shichen.str="13:00-15:00";}else if(hour>=15&&hour<17){shichen.index=8;shichen.str="15:00-17:00";}else if(hour>=17&&hour<19){shichen.index=9;shichen.str="17:00-19:00";}else if(hour>=19&&hour<21){shichen.index=10;shichen.str="19:00-21:00";}else if(hour>=21&&hour<23){shichen.index=11;shichen.str="21:00-23:00";}break;case 1:case 2:if(hour>=23||hour<1){shichen.index=0;shichen.str="子时"}else if(hour>=1&&hour<3){shichen.index=1;shichen.str="丑时";}else if(hour>=3&&hour<5){shichen.index=2;shichen.str="寅时";}else if(hour>=5&&hour<7){shichen.index=3;shichen.str="卯时";}else if(hour>=7&&hour<9){shichen.index=4;shichen.str="辰时";}else if(hour>=9&&hour<11){shichen.index=5;shichen.str="巳时";}else if(hour>=11&&hour<13){shichen.index=6;shichen.str="午时";}else if(hour>=13&&hour<15){shichen.index=7;shichen.str="未时";}else if(hour>=15&&hour<17){shichen.index=8;shichen.str="申时";}else if(hour>=17&&hour<19){shichen.index=9;shichen.str="酉时";}else if(hour>=19&&hour<21){shichen.index=10; shichen.str="戌时";}else if(hour>=21&&hour<23){shichen.index=11;shichen.str="亥时";}break;case 3:if(hour>=23||hour<1){shichen.index=0;shichen.str="23pm to 1am"}else if(hour>=1&&hour<3){shichen.index=1;shichen.str="1am to 3am"}else if(hour>=3&&hour<5){shichen.index=2;shichen.str="3am to 5am"}else if(hour>=5&&hour<7){shichen.index=3;shichen.str="5pm to 7am"}else if(hour>=7&&hour<9){shichen.index=4;shichen.str="7pm to 9am"}else if(hour>=9&&hour<11){shichen.index=5;shichen.str="9pm to 11am"}else if(hour>=11&&hour<13){shichen.index=6;shichen.str="11am to 13pm"}else if(hour>=13&&hour<15){shichen.index=7;shichen.str="13pm to 15pm"}else if(hour>=15&&hour<17){shichen.index=8;shichen.str="15pm to 17pm"}else if(hour>=17&&hour<19){shichen.index=9;shichen.str="17pm to 19pm"}else if(hour>=19&&hour<21){shichen.index=10; shichen.str="19pm to 21pm"}else if(hour>=21&&hour<23){shichen.index=11;shichen.str="21pm to 23pm"}break;case 4:var gz = getSixtyCycle(4, new Date().getFullYear(), new Date().getMonth()+1, new Date().getDate(), hour,0,0);shichen.str = gz[3];shichen.index = parseInt(hour/2);break;}return shichen;}function getShiChens(type,shichen){var shichens=new Array();var i=0;var shichen0=["23:00-1:00","1:00-3:00","3:00-5:00","5:00-7:00","7:00-9:00","9:00-11:00","11:00-13:00","13:00-15:00","15:00-17:00","17:00-19:00","19:00-21:00","21:00-23:00"];var shichen1=["子时","丑时","寅时","卯时","辰时","巳时","午时","未时","申时","酉时","戌时","亥时"];var shichen3=["23pm to 1am","1am to 3am","3am to 5am","5pm to 7am","7pm to 9am","9pm to 11am","11am to 13pm","13pm to 15pm","15pm to 17pm","17pm to 19pm","19pm to 21pm","21pm to 23pm"];switch(type){case 0:for(i=shichen.index;i<12;i++){shichens.push(shichen0[i]);}for(i=0;i<shichen.index;i++){shichens.push(shichen0[i]);}break;case 1:case 2:for(i=shichen.index;i<12;i++){shichens.push(shichen1[i]);}for(i=0;i<shichen.index;i++){shichens.push(shichen1[i]);}break;case 3:for(i=shichen.index;i<12;i++){shichens.push(shichen3[i]);}for(i=0;i<shichen.index;i++){shichens.push(shichen3[i]);}break;case 4:shichens.push(shichen.str);break;}return shichens;}function getMonthEng(month){var monthsEng=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];return monthsEng[month-1];}function getWeeks(type,week){weeks=[];var weeksEng=["Sun","Mon","Tues","Wed","Thur","Fri","Sat"];var i=0;switch(type){case 0:case 1:case 2:for(i=week;i<7;i++){weeks[i]="星期"+numToSimp(i);if(i==0){weeks[i]="星期日"}}for(i=0;i<week;i++){weeks[i]="星期"+numToSimp(i);}break;case 3:for(i=week;i<7;i++){weeks.push(weeksEng[i]);}for(i=0;i<week;i++){weeks.push(weeksEng[i]);}break;case 4:for(i=week;i<7;i++){weeks[i]="星期"+numToSimp(i);if(i==0){weeks[i]="星期日"}}for(i=0;i<week;i++){weeks[i]="星期"+numToSimp(i);}break;}return weeks;}function getWeek(type,week){var weekEng=["Sun","Mon","Tues","Wed","Thur","Fri","Sat"];var res="";switch(type){case 0:case 1:case 2:if(week==0){res = "日"}else{res = numToSimp(week);}break;case 3:res=weekEng[week];break;case 4:if(week==0){res = "星期日"}else{res = numToSimp(week);}break;}return res;}function getHours(type,hour){var hours=new Array();var i=0;switch(type){case 0:case 3:for(i=hour;i<24;i++){hours.push(padZero(i));}for(i=0;i<hour;i++){hours.push(padZero(i));}break;case 1:for(i=hour;i<24;i++){hours.push(numToSimp(i));}for(i=0;i<hour;i++){hours.push(numToSimp(i));}break;case 2:for(i=hour;i<24;i++){hours.push(numToTrad(i));}for(i=0;i<hour;i++){hours.push(numToTrad(i));}break;case 4:var gz = getSixtyCycle(4, new Date().getFullYear(), new Date().getMonth()+1, new Date().getDate(), 0,0,0);hours.push(gz[0]);break;}return hours;}function getMinutes(type,minute){var minutes=new Array();var i=0;switch(type){case 0:case 3:for(i=minute;i<60;i++){minutes.push(padZero(i));}for(i=0;i<minute;i++){minutes.push(padZero(i));}break;case 1:for(i=minute;i<60;i++){minutes.push(numToSimp(i));}for(i=0;i<minute;i++){minutes.push(numToSimp(i));}break;case 2:for(i=minute;i<60;i++){minutes.push(numToTrad(i));}for(i=0;i<minute;i++){minutes.push(numToTrad(i));}break;case 4:break;}return minutes;}function getSeconds(type,second){var seconds=new Array();var i=0;switch(type){case 0:case 3:for(i=second;i<60;i++){seconds.push(padZero(i));}for(i=0;i<second;i++){seconds.push(padZero(i));}break;case 1:for(i=second;i<60;i++){seconds.push(numToSimp(i));}for(i=0;i<second;i++){seconds.push(numToSimp(i));}break;case 2:for(i=second;i<60;i++){seconds.push(numToTrad(i));}for(i=0;i<second;i++){seconds.push(numToTrad(i));}break;}return seconds;}function isShichen(hour){if(hour=="one h"||hour=="three h"||hour=="five h"||hour=="seven h"||hour=="nine h"||hour=="eleven h"||hour=="thirteen h"||hour=="fifteen h"||hour=="seventeen h"||hour=="nineteen h"||hour=="twentyone h"||hour=="twentythree h"||hour=="1时"||hour=="3时"||hour=="5时"||hour=="7时"||hour=="9时"||hour=="11时"||hour=="13时"||hour=="15时"||hour=="17时"||hour=="19时"||hour=="21时"||hour=="23时"||hour=="一时"||hour=="三时"||hour=="五时"||hour=="七时"||hour=="九时"||hour=="十一时"||hour=="十三时"||hour=="十五时"||hour=="十七时"||hour=="十九时"||hour=="二十一时"||hour=="二十三时"||hour=="壹时"||hour=="叁时"||hour=="伍时"||hour=="柒时"||hour=="玖时"||hour=="拾壹时"||hour=="拾叁时"||hour=="拾伍时"||hour=="拾柒时"||hour=="拾玖时"||hour=="贰拾壹时"||hour=="贰拾叁时"||hour=="1 h"||hour=="3 h"||hour=="5 h"||hour=="7 h"||hour=="9 h"||hour=="11 h"||hour=="13 h"||hour=="15 h"||hour=="17 h"||hour=="19 h"||hour=="21 h"||hour=="23 h"){return true;}return false;}function updateDays(type,year,month,day){var days=new Array();var j=1;var isLeap=isLeapYear(year);switch (type) {case 0:case 3:for(j=day;j<=31;j++){days.push(j)if(month==2&&isLeap&&j==29){break;}if(month==2&&!isLeap&&j==28){break;}if((month==2||month==4||month==6||month==9||month==11)&&j==30){break;}}for(j=1;j<day;j++){days.push(j)}break;case 1:for(j=1;j<=31;j++){days.push(numToSimp(j))if(month==2&&isLeap&&j==29){break;}if(month==2&&!isLeap&&j==28){break;}if((month==2||month==4||month==6||month==9||month==11)&&j==30){break;}}for(j=1;j<day;j++){days.push(numToSimp(j))}break;case 2:for(j=1;j<=31;j++){days.push(numToTrad(j))if(month==2&&isLeap&&j==29){break;}if(month==2&&!isLeap&&j==28){break;}if((month==2||month==4||month==6||month==9||month==11)&&j==30){break;}}for(j=1;j<day;j++){days.push(numToTrad(j))}break;}return days;}function getFirstDay(type){day=1;switch (type) {case 1:day=numToSimp(day);break;case 2:day=numToTrad(day);break;}return day;}function padZero(num, length = 2) {return String(num).padStart(length, '0');}</script><script>var params = new URLSearchParams(window.location.search);var idParam = params.get('id');var id = Number(idParam) || 0;var config={'language_type': id, //0为公历; 1为简体; 2为繁体; 3为英文; 4为干支'font_color':'#7F7F7F','pointer_color':'#FFF',/*'sound':0,'sound_name':'cc.mp3','background_style':1,'background_picture':'bg.jpg','background_video':'3.mp4','background_color':'#000000',*/}</script><style>*{margin: 0;padding: 0;}body{background-attachment: fixed;color: #F5F4F6;font-size: 12px;font-weight: bold;overflow: hidden;width: 900px;height: 900px;font-family: "微软雅黑";margin:0 auto;text-align:center;}audio{position: absolute;right: 0;opacity: 0.1;transition: all 1s;}audio:hover{opacity: 1;}.current{color: #D1A3F7;background: #FF9800;}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: -20px;text-align: center}.main-content .year span{position: absolute;width: 61px;}.main-content .month{position: relative;top: -13px;left: 40px;}.month span{position: absolute;width: 40px;}.main-content .day{position: relative;top: -13px;left: 85px;}.day span{position: absolute;width: 40px;}.main-content .week{position: relative;top: -13px;left: 145px;}.week span{position: absolute;width: 40px;}.main-content .shichen{position: relative;top: -13px;left: 200px;}.shichen span{position: absolute;width: 75px;}.main-content .hour{position: relative;top: -13px;left: 240px;}.hour span{position: absolute;width: 40px; }.main-content .minute{position: relative;top: -13px;left: 300px;}.minute span{position: absolute;width: 40px;}.main-content .second{position: relative;top: -13px;left: 370px;}.second span{position: absolute;width: 60px; }</style>
</head>
<body><div class="content"><a href="?id=0">样式一</a> <a href="?id=1">样式二</a> <a href="?id=2">样式三</a> <a href="?id=3">样式四</a> <a href="?id=4">样式五</a></div><div class="main-content"><div class="year"></div> <div class="month"></div><div class="day"></div><div class="week"></div><div class="shichen"></div><div class="hour"></div><div class="minute"></div><div class="second"></div></div>
</body>
</html>
