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 动态参数判空操作
Dec 22 Javascript
Jquery AJAX 框架的使用方法
Nov 03 Javascript
jquery移动listbox的值原理及代码
May 03 Javascript
Extjs 4.x 得到form CheckBox 复选框的值
May 04 Javascript
浅谈Javascript中匀速运动的停止条件
Dec 19 Javascript
Node.js中调用mysql存储过程示例
Dec 20 Javascript
javascript实现全角半角检测的方法
Jul 23 Javascript
JavaScript 定时器 SetTimeout之定时刷新窗口和关闭窗口(代码超简单)
Feb 26 Javascript
js仿QQ邮箱收件人选择与搜索功能
Feb 10 Javascript
Node.js爬取豆瓣数据实例分析
Mar 05 Javascript
JavaScript如何使用插值实现图像渐变
Jun 28 Javascript
详细介绍Next.js脚手架完整搭建封装
Apr 26 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
Discuz! Passport 通行证整合
2008/03/27 PHP
解析php file_exists无效的解决办法
2013/06/26 PHP
用php定义一个数组最简单的方法
2019/10/04 PHP
javascript编程起步(第七课)
2007/01/10 Javascript
javascript import css实例代码
2008/07/18 Javascript
用Javascript实现锚点(Anchor)间平滑跳转
2009/09/08 Javascript
JS的encodeURI和java的URLDecoder.decode使用介绍
2014/05/08 Javascript
javascript实现的平方米、亩、公顷单位换算小程序
2014/08/11 Javascript
深入理解Javascript中this的作用域
2014/08/12 Javascript
jQuery中parents()和parent()的区别分析
2014/10/28 Javascript
JavaScript严格模式详解
2015/11/18 Javascript
JS基础随笔(菜鸟必看篇)
2016/07/13 Javascript
jquery基于layui实现二级联动下拉选择(省份城市选择)
2017/06/20 jQuery
Vue2.0 axios前后端登陆拦截器(实例讲解)
2017/10/27 Javascript
vue车牌号校验和银行校验实战
2019/01/23 Javascript
vue实现动态显示与隐藏底部导航的方法分析
2019/02/11 Javascript
详解Jest结合Vue-test-utils使用的初步实践
2019/06/27 Javascript
js实现html滑动图片拼图验证
2020/06/24 Javascript
用python写个自动SSH登录远程服务器的小工具(实例)
2017/06/17 Python
定制FileField中的上传文件名称实例
2017/08/23 Python
Python编程实现双链表,栈,队列及二叉树的方法示例
2017/11/01 Python
Python的地形三维可视化Matplotlib和gdal使用实例
2017/12/09 Python
python版学生管理系统
2018/01/10 Python
Python File readlines() 使用方法
2018/03/19 Python
简单实现Python爬取网络图片
2018/04/01 Python
Django框架的使用教程路由请求响应的方法
2018/07/03 Python
python单例模式实例解析
2018/08/28 Python
python3反转字符串的3种方法(小结)
2019/11/07 Python
python 二维矩阵转三维矩阵示例
2019/11/30 Python
如何将 awk 脚本移植到 Python
2019/12/09 Python
使用wxpy实现自动发送微信消息功能
2020/02/28 Python
美国在线和移动免费会员制批发零售商:Boxed(移动端的Costco)
2020/01/02 全球购物
毕业生求职推荐信
2013/11/04 职场文书
学校十一活动方案
2014/02/01 职场文书
运动会方队口号
2014/06/07 职场文书
2014年图书馆工作总结
2014/11/25 职场文书