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封装的不错的选项卡效果代码
Feb 15 Javascript
Javascript中的变量使用说明
May 18 Javascript
IE下写xml文件的两种方式(fso/saveAs)
Aug 05 Javascript
jqGrid随窗口大小变化自适应大小的示例代码
Dec 28 Javascript
angularjs实现与服务器交互分享
Jun 24 Javascript
JavaScript中使用stopPropagation函数停止事件传播例子
Aug 27 Javascript
关注jquery技巧提高jquery技能(前端开发必学)
Nov 02 Javascript
过期软件破解办法实例详解
Jan 04 Javascript
node.js操作mongodb简单示例分享
May 25 Javascript
探索Vue高阶组件的使用
Jan 08 Javascript
js实现删除li标签一行内容
Apr 16 Javascript
vuex实现购物车功能
Jun 28 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文件及文件夹操作之创建、删除、移动、复制
2016/07/13 PHP
PHP序列化的四种实现方法与横向对比
2018/11/29 PHP
javascript xml为数据源的下拉框控件
2009/07/07 Javascript
JQuery 学习笔记 选择器之一
2009/07/23 Javascript
javascript CSS画图之基础篇
2009/07/29 Javascript
编写Js代码要注意的几条规则
2010/09/10 Javascript
Js,alert出现乱码问题的解决方法
2013/06/19 Javascript
JS实现从顶部下拉显示的带动画QQ客服特效代码
2015/10/24 Javascript
jQuery form插件之ajaxForm()和ajaxSubmit()的可选参数项对象
2016/01/23 Javascript
Js获取当前日期时间及格式化代码
2016/09/17 Javascript
移动端脚本框架Hammer.js
2016/12/15 Javascript
AngularJS中update两次出现$promise属性无法识别的解决方法
2017/01/05 Javascript
es6学习笔记之Async函数的使用示例
2017/05/11 Javascript
jquery加载单文件vue组件的方法
2017/06/20 jQuery
使用node.js对音视频文件加密的实例代码
2017/08/30 Javascript
JavaScript实现鼠标滚轮控制页面图片切换功能示例
2017/10/14 Javascript
详述 Sublime Text 打开 GBK 格式中文乱码的解决方法
2017/10/26 Javascript
JS与CSS3实现图片响应鼠标移动放大效果示例
2018/05/04 Javascript
深入理解JS的事件绑定、事件流模型
2018/05/13 Javascript
基于vue通用表单解决方案的思考与分析
2019/03/16 Javascript
google广告之另类js调用实现代码
2020/08/22 Javascript
python验证码识别的实例详解
2016/09/09 Python
Django 自定义404 500等错误页面的实现
2020/03/08 Python
Python修改DBF文件指定列
2020/12/19 Python
虚拟环境及venv和virtualenv的区别说明
2021/02/05 Python
Expedia瑞典官网:预订度假屋、酒店、汽车租赁、机票等
2021/01/23 全球购物
大学生自荐信
2013/12/11 职场文书
英文演讲稿开场白
2014/08/25 职场文书
2014办公室年度工作总结
2014/12/09 职场文书
2015年党总支工作总结
2015/05/25 职场文书
《为人民服务》教学反思
2016/02/20 职场文书
《吃水不忘挖井人》教学反思
2016/02/22 职场文书
《语言的突破》读后感3篇
2019/12/12 职场文书
总结python多进程multiprocessing的相关知识
2021/06/29 Python
python基础之函数的定义和调用
2021/10/24 Python
Windows Server 2012 修改远程默认端口3389的方法
2022/04/28 Servers