js实现中文实时时钟
编程学习 2021-07-04 15:02www.dzhlxh.cn编程入门
这篇文章主要为大家详细介绍了js实现中文实时时钟，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了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>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持狼蚁SEO。
上一篇：js实现图片实时时钟
下一篇：JS实现音量控制拖动