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 相关文章推荐
DOM_window对象属性之--clipboardData对象操作代码
Feb 03 Javascript
通过jQuery源码学习javascript(二)
Dec 27 Javascript
jquery对元素拖动排序示例
Jan 16 Javascript
jquery提交form表单简单示例分享
Mar 03 Javascript
jquery+html5时钟特效代码分享(可设置闹钟并且语音提醒)
Mar 30 Javascript
JavaScript仿淘宝页面图片滚动加载及刷新回顶部的方法解析
May 24 Javascript
vue数据双向绑定的注意点
Jun 23 Javascript
jquery实现侧边栏左右伸缩效果的示例
Dec 19 jQuery
浅谈React组件之性能优化
Mar 02 Javascript
4个顶级JavaScript高级文本编辑器
Oct 10 Javascript
Element-ui DatePicker显示周数的方法示例
Jul 19 Javascript
vue 计算属性和侦听器的使用小结
Jan 25 Vue.js
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学习笔记之二 php入门知识
2011/01/12 PHP
linux下编译安装memcached服务
2014/08/03 PHP
简单理解PHP的面向对象编程方式
2016/05/17 PHP
php 三大特点:封装,继承,多态
2017/02/19 PHP
PHP实现单条sql执行多个数据的insert语句方法
2019/10/11 PHP
javascript 写类方式之四
2009/07/05 Javascript
ext jquery 简单比较
2010/04/07 Javascript
JS实现兼容各浏览器解析XML文档数据的方法
2015/06/01 Javascript
jQuery仿淘宝网产品品牌隐藏与显示效果
2015/09/01 Javascript
WordPress中利用AJAX异步获取评论用户头像的方法
2016/01/08 Javascript
JS封装的自动创建表格的实现代码
2016/06/15 Javascript
javascript的replace方法结合正则使用实例总结
2016/06/16 Javascript
jQuery新窗口打开外链接
2016/07/21 Javascript
Ionic默认的Tabs模板使用实例
2016/08/29 Javascript
connection reset by peer问题总结及解决方案
2016/10/21 Javascript
Javascript 链式作用域详细介绍
2017/02/23 Javascript
微信小程序代码上传、审核发布小程序
2019/05/18 Javascript
小程序跳转H5页面的方法步骤
2020/03/06 Javascript
[04:52]2015国际邀请赛LGD战队晋级之路
2015/08/14 DOTA
在Python程序中操作文件之isatty()方法的使用教程
2015/05/24 Python
Python实现爬虫抓取与读写、追加到excel文件操作示例
2018/06/27 Python
python 文本单词提取和词频统计的实例
2018/12/22 Python
python 实现的发送邮件模板【普通邮件、带附件、带图片邮件】
2019/07/06 Python
40个你可能不知道的Python技巧附代码
2020/01/29 Python
基于HTML5超酷摄像头(HTML5 webcam)拍照功能实现代码
2012/12/13 HTML / CSS
html5 跨文档消息传输示例探讨
2013/04/01 HTML / CSS
美国棒球装备和用品商店:Baseball Savings
2018/06/09 全球购物
微软马来西亚官方网站:Microsoft马来西亚
2019/11/22 全球购物
业务部经理岗位职责
2014/01/04 职场文书
《那片绿绿的爬山虎》教学反思
2014/02/27 职场文书
房地产推广策划方案
2014/05/19 职场文书
驾驶员安全责任书
2014/07/22 职场文书
初中教师个人总结
2015/02/10 职场文书
工作态度检讨书范文
2015/05/06 职场文书
利用Matlab绘制各类特殊图形的实例代码
2021/07/16 Python
TS 类型兼容教程示例详解
2022/09/23 Javascript