js实现中文实时时钟


Posted in Javascript onJanuary 15, 2020

本文实例为大家分享了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>

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

Javascript 相关文章推荐
javascript实现二分查找法实现代码
Nov 12 Javascript
默认让页面的第一个控件选中的javascript代码
Dec 26 Javascript
js注意img图片的onerror事件的分析
Jan 01 Javascript
JavaScript高级程序设计(第3版)学习笔记9 js函数(下)
Oct 11 Javascript
js中string转int把String类型转化成int类型
Aug 13 Javascript
JavaScript中对JSON对象的基本操作示例
May 21 Javascript
利用jQuery实现滑动开关按钮效果(附demo源码下载)
Feb 07 Javascript
Swiper实现轮播图效果
Jul 03 Javascript
Vue.js 2.0和Cordova开发webApp环境搭建方法
Feb 26 Javascript
Vue 中使用vue2-highcharts实现top功能的示例
Mar 05 Javascript
原生js封装的ajax方法示例
Aug 02 Javascript
详解Node.js异步处理的各种写法
Jun 09 Javascript
JS实现音量控制拖动
Jan 15 #Javascript
基于vue.js实现购物车
Jan 15 #Javascript
原生js+css调节音量滑块
Jan 15 #Javascript
Vue 图片压缩并上传至服务器功能
Jan 15 #Javascript
JS函数进阶之继承用法实例分析
Jan 15 #Javascript
JS函数进阶之prototy用法实例分析
Jan 15 #Javascript
JS函数基本定义与用法示例
Jan 15 #Javascript
You might like
WAR3重制版DOTA 5V5初体验
2020/04/09 DOTA
php5 and xml示例
2006/11/22 PHP
php中动态修改ini配置
2014/10/14 PHP
php使用自定义函数实现汉字分割替换功能示例
2017/01/30 PHP
javascript引用对象的方法
2007/01/11 Javascript
如何使用jQuery来处理图片坏链具体实现步骤
2013/05/02 Javascript
使用JS中的exec()方法构造正则表达式验证
2016/08/01 Javascript
JS实现中国公民身份证号码有效性验证
2017/02/20 Javascript
js 倒计时(高效率服务器时间同步)
2017/09/12 Javascript
JS实现碰撞检测的方法分析
2018/01/19 Javascript
vue.js层叠轮播效果的实例代码
2018/11/08 Javascript
微信小程序使用二次贝塞尔曲线画波浪
2018/12/25 Javascript
js实现随机div颜色位置 类似满天星效果
2019/10/24 Javascript
微信小程序实现拨打电话功能的示例代码
2020/06/28 Javascript
vue Treeselect下拉树只能选择第N级元素实现代码
2020/08/31 Javascript
[52:06]完美世界DOTA2联赛决赛日 Inki vs LBZS 第一场 11.08
2020/11/10 DOTA
解析Python中的__getitem__专有方法
2016/06/27 Python
Python新手入门最容易犯的错误总结
2017/04/24 Python
Python 结巴分词实现关键词抽取分析
2017/10/21 Python
使用python实现ANN
2017/12/20 Python
python3监控CentOS磁盘空间脚本
2018/06/21 Python
Python3标准库总结
2019/02/19 Python
Python 中Django验证码功能的实现代码
2019/06/20 Python
Python 闭包,函数分隔作用域,nonlocal声明非局部变量操作示例
2019/10/14 Python
python 使用xlsxwriter循环向excel中插入数据和图片的操作
2021/01/01 Python
照片礼物和装饰:MyPhoto
2019/11/02 全球购物
最畅销的视频游戏享受高达90%的折扣:CDKeys
2020/02/10 全球购物
init进程的作用
2015/08/20 面试题
市场安全管理制度
2014/01/26 职场文书
心理咨询承诺书
2014/05/20 职场文书
单位工作证明范文
2014/09/14 职场文书
写给领导的感谢信
2015/01/22 职场文书
工会工作个人总结
2015/03/03 职场文书
2016年5月份红领巾广播稿
2015/12/21 职场文书
导游词之南迦巴瓦峰
2019/11/19 职场文书
python多线程方法详解
2022/01/18 Python