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 相关文章推荐
鼠标图片振动代码
Jul 06 Javascript
javascript算法学习(直接插入排序)
Apr 12 Javascript
一个关于javascript匿名函数的问题分析
Mar 30 Javascript
JavaScript简介
Feb 15 Javascript
jQuery实现html表格动态添加新行的方法
May 28 Javascript
JavaScript实现替换字符串中最后一个字符的方法
Mar 07 Javascript
js实现音频控制进度条功能
Apr 01 Javascript
微信小程序获取手机号授权用户登录功能
Nov 09 Javascript
vue如何通过id从列表页跳转到对应的详情页
May 01 Javascript
基于Webpack4和React hooks搭建项目的方法
Feb 05 Javascript
JS函数基本定义与用法示例
Jan 15 Javascript
webpack的 rquire.context用法实现工程自动化的方法
Feb 07 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 select,radio和checkbox默认选择的实现方法
2010/05/15 PHP
PHP详解ASCII码对照表与字符转换
2011/12/05 PHP
PHP优于Node.js的五大理由分享
2012/09/15 PHP
基于php(Thinkphp)+jquery 实现ajax多选反选不选删除数据功能
2017/02/24 PHP
安装PHP扩展时解压官方 tgz 文件后没有configure文件无法进行配置编译的问题
2020/08/26 PHP
基于Web标准的UI组件 — 树状菜单(2)
2006/09/18 Javascript
关于javascript document.createDocumentFragment()
2009/04/04 Javascript
JavaScript CSS修改学习第六章 拖拽
2010/02/19 Javascript
基于JQuery的数字改变的动画效果--可用来做计数器
2010/08/11 Javascript
一个关于javascript匿名函数的问题分析
2012/03/30 Javascript
Visual Studio中js调试的方法图解
2014/06/30 Javascript
JS判断变量是否为空判断是否null
2014/07/25 Javascript
javascript模拟map输出与去除重复项的方法
2015/02/09 Javascript
jQuery+HTML5实现图片上传前预览效果
2015/08/20 Javascript
javascript实现右侧弹出“分享到”窗口效果
2016/02/01 Javascript
Bootstrap基本样式学习笔记之按钮(4)
2016/12/07 Javascript
jQuery简单实现遍历单选框的方法
2017/03/06 Javascript
在JS中如何把毫秒转换成规定的日期时间格式实例
2017/05/11 Javascript
node.js中express-session配置项详解
2017/05/31 Javascript
ES6入门教程之变量的解构赋值详解
2019/04/13 Javascript
[01:03]悬念揭晓 11月26日DOTA2完美盛典不见不散
2017/11/23 DOTA
python 基础教程之Map使用方法
2017/01/17 Python
Python matplotlib绘图可视化知识点整理(小结)
2018/03/16 Python
Python实现性能自动化测试竟然如此简单
2019/07/30 Python
荷兰网上买鞋:MooieSchoenen.nl
2017/09/12 全球购物
Bally美国官网:经典瑞士鞋履、手袋及配饰奢侈品牌
2018/05/18 全球购物
Unix/Linux开发面试题
2016/08/16 面试题
中国央视网签名寄语
2014/01/18 职场文书
感恩母亲节活动方案
2014/03/04 职场文书
三项教育活动实施方案
2014/03/30 职场文书
2014年班主任工作总结
2014/11/08 职场文书
2015年药房工作总结
2015/04/25 职场文书
任长霞观后感
2015/06/16 职场文书
庆七一主持词
2015/06/29 职场文书
《家庭教育》读后感3篇
2019/12/18 职场文书
python中的sys模块和os模块
2022/03/20 Python