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中的THIS和WINDOW.EVENT.SRCELEMENT详解
May 25 Javascript
jQuery蓝色风格滑动导航栏代码分享
Aug 19 Javascript
JS实现网站菜单拖拽移位效果的方法
Sep 24 Javascript
详解JavaScript中的Unescape()和String() 函数
Nov 09 Javascript
浅谈js内置对象Math的属性和方法(推荐)
Sep 19 Javascript
微信小程序 闭包写法详细介绍
Dec 14 Javascript
基于JavaScript实现轮播图原理及示例
Apr 10 Javascript
解决VUEX刷新的时候出现数据消失
Jul 03 Javascript
vue组件之Alert的实现代码
Oct 17 Javascript
Vue 利用指令实现禁止反复发送请求的两种方法
Sep 15 Javascript
Openlayers实现地图全屏显示
Sep 28 Javascript
vue实现列表拖拽排序的示例代码
Apr 08 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计算整个目录大小的方法
2015/06/01 PHP
php根据一个给定范围和步进生成数组的方法
2015/06/19 PHP
php基于ob_start(ob_gzhandler)实现网页压缩功能的方法
2017/02/18 PHP
Laravel 5.4向IoC容器中添加自定义类的方法示例
2017/08/15 PHP
PHP抽象类与接口的区别实例详解
2019/05/09 PHP
Laravel等框架模型关联的可用性浅析
2019/12/15 PHP
Moment.js 不容错过的超棒Javascript日期处理类库
2012/04/15 Javascript
Javascript this 的一些学习总结
2012/08/31 Javascript
javascript实现下班倒计时效果的方法(可桌面通知)
2015/07/10 Javascript
浅析javascript中的Event事件
2016/12/09 Javascript
Angular2 之 路由与导航详细介绍
2017/05/26 Javascript
ES6深入理解之“let”能替代”var“吗?
2017/06/28 Javascript
vue axios请求超时的正确处理方法
2018/04/02 Javascript
Nuxt配合Node在实际生产中的应用详解
2018/08/07 Javascript
React项目动态设置title标题的方法示例
2018/09/26 Javascript
python实现基本进制转换的方法
2015/07/11 Python
pycharm下打开、执行并调试scrapy爬虫程序的方法
2017/11/29 Python
用python实现百度翻译的示例代码
2018/03/09 Python
在Python中给Nan值更改为0的方法
2018/10/30 Python
python格式化输出保留2位小数的实现方法
2019/07/02 Python
对django 模型 unique together的示例讲解
2019/08/06 Python
Django之使用内置函数和celery发邮件的方法示例
2019/09/16 Python
使用python采集Excel表中某一格数据
2020/05/14 Python
Pandas缺失值2种处理方式代码实例
2020/06/13 Python
全面介绍python中很常用的单元测试框架unitest
2020/12/14 Python
Python爬虫分析微博热搜关键词的实现代码
2021/02/22 Python
python爬取股票最新数据并用excel绘制树状图的示例
2021/03/01 Python
澳大利亚在线家具店:Luxo Living
2019/03/24 全球购物
欧舒丹俄罗斯官方网站:L’OCCITANE俄罗斯
2019/11/22 全球购物
应届生法律顾问求职信
2013/11/19 职场文书
承兑汇票转让证明怎么写?
2014/11/30 职场文书
关于拾金不昧的感谢信
2015/01/21 职场文书
杭白菊导游词
2015/02/10 职场文书
2015年扶贫帮困工作总结
2015/05/20 职场文书
医学生自荐信范文(2016精选篇)
2016/01/28 职场文书
承诺书的内容有哪些,怎么写?
2019/06/21 职场文书