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 相关文章推荐
基于jQuery实现图片的前进与后退功能
Apr 24 Javascript
JQuery导航菜单选择特效
Apr 11 Javascript
解析JavaScript面向对象概念中的Object类型与作用域
May 10 Javascript
AngularJS入门教程之Helloworld示例
Dec 25 Javascript
canvas绘制环形进度条
Feb 23 Javascript
微信小程序之页面拦截器的示例代码
Sep 07 Javascript
js拖动滑块和点击水波纹效果实例代码
Oct 16 Javascript
微信小程序开发问题之wx.previewImage
Dec 25 Javascript
Javascript三种字符串连接方式及性能比较
May 28 Javascript
vue中的v-if和v-show的区别详解
Sep 01 Javascript
原生JS生成指定位数的验证码
Oct 28 Javascript
使用jQuery实现购物车
Oct 29 jQuery
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读取二进制流(C语言结构体struct数据文件)的深入解析
2013/06/13 PHP
测试PHP连接MYSQL成功与否的代码
2013/08/16 PHP
php生成RSS订阅的方法
2015/02/13 PHP
修改WordPress中文章编辑器的样式的方法详解
2015/12/15 PHP
javascript 表单验证常见正则
2009/09/28 Javascript
javascript正则匹配汉字、数字、字母、下划线
2014/04/10 Javascript
ExpressJS入门实例
2015/01/14 Javascript
jQuery实现加入购物车飞入动画效果
2015/03/14 Javascript
在JS方法中返回多个值的方法汇总
2015/05/20 Javascript
JS实现漂亮的窗口拖拽效果(可改变大小、最大化、最小化、关闭)
2015/10/10 Javascript
jQuery实现可关闭固定于底(顶)部的工具条菜单效果
2015/11/06 Javascript
使用JQuery FancyBox插件实现图片展示特效
2015/11/16 Javascript
JS实时弹出新消息提示框并有提示音响起的实现代码
2016/04/20 Javascript
Bootstrap实现input控件失去焦点时验证
2016/08/04 Javascript
通过原生JS实现为元素添加事件的方法
2016/11/23 Javascript
函数四种调用模式以及其中的this指向
2017/01/16 Javascript
javascript实现动态显示颜色块的报表效果
2017/04/10 Javascript
微信小程序实现运动步数排行功能(可删除)
2018/07/05 Javascript
详解使用mocha对webpack打包的项目进行&quot;冒烟测试&quot;的大致流程
2020/04/27 Javascript
jQuery实现放大镜案例
2020/10/19 jQuery
[03:16]DOTA2完美大师赛小组赛精彩集锦
2017/11/22 DOTA
Python中Iterator迭代器的使用杂谈
2016/06/20 Python
python网络爬虫之如何伪装逃过反爬虫程序的方法
2017/11/23 Python
PyQt5每天必学之工具提示功能
2018/04/19 Python
python破解zip加密文件的方法
2018/05/31 Python
Python 判断图像是否读取成功的方法
2019/01/26 Python
python打包成so文件过程解析
2019/09/28 Python
解决python3中os.popen()出错的问题
2020/11/19 Python
CSS3新增布局之: flex详解
2020/06/18 HTML / CSS
德国柯吉澳趣味家居:Koziol
2017/08/24 全球购物
Skyscanner澳大利亚:全球领先的旅游搜索网站
2018/03/24 全球购物
蜜蜂引路教学反思
2014/02/04 职场文书
企业宣传策划方案
2014/05/29 职场文书
医学求职自荐信
2014/06/21 职场文书
师德师风自我剖析材料
2014/09/27 职场文书
2015年度学校卫生工作总结
2015/05/12 职场文书