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 相关文章推荐
JsRender for object语法简介
Oct 31 Javascript
node+express+ejs制作简单页面上手指南
Nov 26 Javascript
JavaScript实现给按钮加上双重动作的方法
Aug 14 Javascript
JavaScript实现页面跳转的几种常用方式
Nov 28 Javascript
javascript的几种写法总结
Sep 30 Javascript
BootStrap table删除指定行的注意事项(笔记整理)
Feb 05 Javascript
Vue.js中数据绑定的语法教程
Jun 02 Javascript
JS实现的简单下拉框联动功能示例
May 11 Javascript
angularJs select绑定的model取不到值的解决方法
Oct 08 Javascript
JavaScript对象的特性与实践应用深入详解
Dec 30 Javascript
Node.js实现简单管理系统
Sep 23 Javascript
解决React在安装antd之后出现的Can't resolve './locale'问题(推荐)
May 03 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
PHP数据集构建JSON格式及新数组的方法
2012/11/07 PHP
php短网址和数字之间相互转换的方法
2015/03/13 PHP
php实现的debug log日志操作类实例
2016/07/12 PHP
禁止直接访问php文件代码分享
2020/05/05 PHP
jQuery实现随意改变div任意属性的名称和值(部分原生js实现)
2013/05/28 Javascript
JSON 数字排序多字段排序介绍
2013/09/18 Javascript
js opener的使用详解
2014/01/11 Javascript
jQuery打印图片pdf、txt示例代码
2014/07/22 Javascript
Node.js插件的正确编写方式
2014/08/03 Javascript
JAVASCRIPT代码编写俄罗斯方块网页版
2015/11/26 Javascript
学习Javascript面向对象编程之封装
2016/02/23 Javascript
全面了解javascript中的错误处理机制
2016/07/18 Javascript
详解Angular 4.x NgTemplateOutlet
2017/05/24 Javascript
JavaScript数组去重算法实例小结
2018/05/07 Javascript
Vue实现一个无限加载列表功能
2018/11/13 Javascript
Python 随机生成中文验证码的实例代码
2013/03/20 Python
python编写暴力破解FTP密码小工具
2014/11/19 Python
python实现的简单猜数字游戏
2015/04/04 Python
Python编程入门的一些基本知识
2015/05/13 Python
把JSON数据格式转换为Python的类对象方法详解(两种方法)
2019/06/04 Python
python3.7 openpyxl 删除指定一列或者一行的代码
2019/10/08 Python
Python aiohttp百万并发极限测试实例分析
2019/10/26 Python
python将数组n等分的实例
2019/12/02 Python
python实现ip地址的包含关系判断
2020/02/07 Python
Python定时器线程池原理详解
2020/02/26 Python
pandas中的ExcelWriter和ExcelFile的实现方法
2020/04/24 Python
纯CSS3实现圆角效果(含IE兼容解决方法)
2014/05/07 HTML / CSS
CSS实现定位元素居中的方法
2015/06/23 HTML / CSS
村官工作鉴定评语
2014/01/27 职场文书
法学院方阵解说词
2014/01/29 职场文书
禁毒宣传标语
2014/06/19 职场文书
机械操作工岗位职责
2014/08/08 职场文书
领导班子党的群众路线对照检查材料
2014/09/25 职场文书
骨干教师事迹材料
2014/12/17 职场文书
重阳节主题班会
2015/08/17 职场文书
Python入门学习之类的相关知识总结
2021/05/25 Python