这篇文章给大家分享的是有关js怎么实现中文实时时钟的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
具体内容如下
效果:
代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
var chr=['零','一','二','三','四','五','六','七','八','九','十'];
var weeks=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
init();
function init() {
setInterval(animation,16);
}
function animation() {
document.body.innerHTML=getDate();
}
function getDate() {
var date=new Date();
return getYears(date.getFullYear())+"年"
+getChrNumber(date.getMonth()+1)+"月"
+getChrNumber(date.getDate())+"日"
+" "+weeks[date.getDay()]
+" "+getChrNumber(date.getHours())+"点"
+getChrNumber(date.getMinutes())+"分"
+getChrNumber(date.getSeconds())+"秒 "
+getChrNumber(date.getMilliseconds())+"毫米"
}
function getChrNumber(num) {
if(num>=1000 || num<0) return;
if(num<11) return chr[num];
if(num<100 && num%10===0) return chr[num/10]+"十";
if(num<20) return "十"+chr[num%10];
if(num<100) return chr[parseInt(num/10)]+"十"+chr[num%10];
var str=chr[parseInt(num/100)]+"百";
if(num%100===0) return str;
if(num%10===0) return str+chr[parseInt(num/10)%10]+"十";
if(parseInt(num/10)%10===0) return str+"零"+chr[num%10];
return str+chr[parseInt(num/10)%10]+"十"+chr[num%10];
}
function getYears(year) {
var arr=year.toString().split("").map(function (t) { return getNumber(t) });
return arr.map(function (t) { return chr[t] }).join("");
}
function getNumber(str) {
if(!isNaN(Number(str))) return Number(str);
return str;
}
</script>
</body>
</html>
感谢各位的阅读!关于“js怎么实现中文实时时钟”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。