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 相关文章推荐
判断页面是关闭还是刷新的js代码
Jan 28 Javascript
combox改进版 页面原型参考dojo的,比网上jQuery的那些combox功能强,代码更小
Apr 15 Javascript
各种常用的JS函数整理
Oct 25 Javascript
jQuery的animate函数学习记录
Aug 08 Javascript
javascript 原型链维护和继承详解
Nov 26 Javascript
Node.js 条形码识别程序构建思路详解
Feb 14 Javascript
Bootstrap Scrollspy源码学习
Mar 02 Javascript
xmlplus组件设计系列之图标(ICON)(1)
May 05 Javascript
js实现随机点名系统(实例讲解)
Oct 18 Javascript
layui添加动态菜单与选项卡
Jul 26 Javascript
VUE.CLI4.0配置多页面入口的实现
Nov 25 Javascript
Vue-resource安装过程及使用方法解析
Jul 21 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中调用JAVA
2006/10/09 PHP
php错误、异常处理机制(补充)
2012/05/07 PHP
PHP中的Streams详细介绍
2014/11/12 PHP
PHP+apc+ajax实现的ajax_upload上传进度条代码
2016/01/25 PHP
Symfony的安装和配置方法
2016/03/17 PHP
js捕获鼠标右键菜单中的粘帖事件实现代码
2013/04/01 Javascript
jquery动态分页效果堪比时光网
2014/09/25 Javascript
javascript实现动态改变层大小的方法
2015/05/14 Javascript
jQuery javascript获得网页的高度与宽度的实现代码
2016/04/26 Javascript
深入解析JavaScript中的arguments对象
2016/06/12 Javascript
基于jQuery实现滚动切换效果
2016/12/02 Javascript
jquery 标签 隔若干行加空白或者加虚线的方法
2016/12/07 Javascript
WebView启动支付宝客户端支付失败的问题小结
2017/01/11 Javascript
基于js原生和ajax的get和post方法以及jsonp的原生写法实例
2017/10/16 Javascript
(模仿京东用户注册)用JQuery实现简单表单验证,初学者必看
2018/01/08 jQuery
webpack4+Vue搭建自己的Vue-cli项目过程分享
2018/08/29 Javascript
微信小程序下拉菜单效果的实例代码
2019/05/14 Javascript
微信小程序表单验证插件WxValidate的二次封装功能(终极版)
2019/09/03 Javascript
使用Python发送邮件附件以定时备份MySQL的教程
2015/04/25 Python
Python实现excel转sqlite的方法
2017/07/17 Python
Python multiprocessing多进程原理与应用示例
2019/02/28 Python
pycharm显示远程图片的实现
2019/11/04 Python
python 实现一个反向单位矩阵示例
2019/11/29 Python
解决Django中checkbox复选框的传值问题
2020/03/31 Python
Python命令行参数定义及需要注意的地方
2020/11/30 Python
python中用ggplot绘制画图实例讲解
2021/01/26 Python
Html5获取高德地图定位天气的方法
2019/12/26 HTML / CSS
驴妈妈旅游网:中国新型的B2C旅游电子商务网站
2016/08/16 全球购物
贝尔帐篷精品店:Bell Tent Boutique
2019/06/12 全球购物
关键字final的用法
2013/10/02 面试题
自荐信怎么写呢?
2013/12/09 职场文书
2014年医学生毕业自我鉴定
2014/03/26 职场文书
2014收银员工作总结范文
2014/12/16 职场文书
史上最牛的辞职信
2015/02/28 职场文书
工程技术员岗位职责
2015/04/11 职场文书
2016年度师德标兵先进事迹材料
2016/02/26 职场文书