罗马时钟时间格式JS

最新推荐文章于 2023-01-04 16:49:00 发布
最新推荐文章于 2023-01-04 16:49:00 发布
阅读量717 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46662789/article/details/106138436
版权

//这里显示简体字体
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;
}
return res;
}

/*
获取月份
参数：0 阿拉伯数字 1简体 2繁体 3英文
*/
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<month;i++)
{
months.push(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;
}
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(j)
if(month2&&isLeap&&j29){
break;
}
if(month2&&!isLeap&&j28){
break;
}
if((month2||month4||month6||month9||month11)&&j30){
break;
}

        }
        for(j=1;j<day;j++){
            days.push(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;
}
return days;

}

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;
}



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;
}
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=[];
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;
}
return weeks;
}

function getWeek(type,week){
weekEng=[“Sun”,“Mon”,“Tues”,“Wed”,“Thur”,“Fri”,“Sat”];
res="";
switch(type){
case 0:
case 1:
case 2:
if(week==0){
res=“日”
}else{
res=numToSimp(week);
}
break;
case 3:
res=weekEng[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(i);
}
for(i=0;i<hour;i++){
hours.push(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;
}
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(i);
}
for(i=0;i<minute;i++){
minutes.push(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;
}
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(i);
}
for(i=0;i<second;i++){
seconds.push(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(month2&&isLeap&&j29){
break;
}
if(month2&&!isLeap&&j28){
break;
}
if((month2||month4||month6||month9||month11)&&j30){
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;
}

hi，youneedtry
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
罗马时钟代码html,用Html实现炫酷罗马时钟
weixin_36164538的博客
06-07 6448
罗马时钟* {margin: 0;padding: 0;}html,body {width: 100%;height: 100%;background-color: #000;overflow: hidden;}#clock {position: relative;width: 100%;height: 100%;background: black;}.label {display: inline...
罗马时钟
m0_46662789的博客
05-15 1047
$(document).ready(function () { var style = document.styleSheets[0]; type=config.language_type; space=getSpace(12,type); $(".main-content .month").css("left",space.month+'px'); $(".main-content .day").css("left",space.day+'px'); $(".main-content .week").cs
罗马数字时钟
03-30
小型桌面时钟，使用罗马数字显示时间。
全网最火的罗马时钟
qq_44890539的博客
10-22 8091
全网最火的罗马时钟 最近搞了个罗马时钟，看看怎么样： 先看一下效果图 下面是代码展示： HTML： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini...
罗马时钟JQuery实现
m0_46662789的博客
05-15 377
/! jQuery v3.4.1 | © JS Foundation and other contributors | jquery.org/license / !function(e,t){ “use strict”; “object”==typeof module&&“object"typeof module.exports?module.exports=e.document?t(e,!0):function(e){ if(!e.document) throw new Error(“jQ
js+css3罗马数字指针时钟代码
04-02
在创建数字时钟时，JS的主要任务是获取当前时间，并将这些值转换为适合罗马数字格式的表示。罗马数字有七种基本符号：I、V、X、L、C、D和M，分别代表1、5、10、50、100、500和1000。JS代码需要处理小时（I到XII）和...
HTML5罗马时钟指针特效
04-25
为了创建一个互动的罗马时钟，开发者需要理解SVG的基本语法，熟悉JavaScript的时间和日期处理，以及掌握CSS3动画的原理。此外，对于性能优化，还需要注意避免过度渲染，合理使用`requestAnimationFrame`来保证流畅性...
HTML5罗马时钟指针特效特效代码
03-20
总的来说，HTML5罗马时钟指针特效展示了HTML5和SVG在网页动态图形设计中的强大能力，以及JavaScript在实时交互和时间处理方面的灵活性。通过学习和分析这样的实例，开发者可以提升自己在Web前端开发中的技能，尤其是...
用html实现炫酷罗马时钟
01-08
![在这里插入图片描述]...## 炫酷罗马时钟 我们看一下运行效果 这是代码可以复制 罗马时钟 * { margin: 0; padding: 0; } html, body { width: 100%; height: 100%; background-color: #000; o
css3罗马数字指针时钟js代码
06-11
总之，"css3罗马数字指针时钟js代码"项目结合了CSS3的样式设计能力和JavaScript的动态功能，创造出一个美观且功能完善的时钟应用。它不仅展示了现代Web开发的技术实力，也为开发者提供了学习和创新的灵感。通过深入...
罗马时钟在线下载.zip
04-25
1、简约大方的画面和文字打造，真实的秒针跳动，感受古代气息的罗盘时钟。 2、超多网红都在使用的手机壁纸应用，自定义制作专属时钟壁纸。 3、每一次转动都可以让你的画面发生变化，超级有的视觉体验。
罗马时钟(表).zip
01-07
网页版的时钟代码。有需要的可以下载----------------------------------------------------------
抖音超火的罗马时钟数字时钟
09-23
抖音超火的罗马时钟 下载可看源码，即可运行 抖音超火的罗马时钟 下载可看源码，即可运行 抖音超火的罗马时钟 下载可看源码，即可运行
js css3罗马数字指针时钟代码.zip
07-05
js css3罗马数字指针时钟代码是一款圆形个性的指针时钟代码。
罗马时钟 基于前端CSS、JS 实现
最新发布
qq_67900321的博客
01-04 477
罗马时钟
抖音罗马时钟html
热门推荐
weixin_42188992的博客
07-07 2万+
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
网红超火罗马桌面时钟效果
17岁boy的博客
07-12 1万+
今天有时间，看到某些社交软件里兴起一种类似罗马转盘的时钟动态壁纸，看起来挺炫酷的，于是博主也实现了一下： 运行时软件会自动将渲染好的罗马时钟嵌入到桌面下 想要实现的话，可以参考博主前几篇文章的教程哦！ 如果直接给源代码，你什么都学不到，这不是博主写博客的初衷， 因为之前有不少人，copy博客里的代码去实现某些功能，并冠名自己的，所以博主非常的不愉悦，后面所实现的任何有象征性的功能都...
罗马时钟代码
beginnerNew的博客
04-26 1万+
先看看效果图 第一部分 HTML页面代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <met...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值