JavaScript

超轻量级php框架startmvc

js实现中文实时时钟

更新时间:2020-09-30 15:00:01 作者:startmvc
本文实例为大家分享了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>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

js中文实时时钟 js实时时钟 js中文时钟