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插件之easing使用
Aug 19 Javascript
jQuery EasyUI API 中文文档 可调整尺寸
Sep 29 Javascript
JavaScript实现快速排序(自已编写)
Dec 19 Javascript
js渐变显示渐变消失示例代码
Aug 01 Javascript
浅谈Javascript线程及定时机制
Jul 02 Javascript
JS判断字符串变量是否含有某个字串的实现方法
Jun 03 Javascript
Yarn的安装与使用详细介绍
Oct 25 Javascript
详解浏览器渲染页面过程
Feb 09 Javascript
AngularJs 禁止模板缓存的方法
Nov 28 Javascript
node.js中axios使用心得总结
Nov 29 Javascript
node.js中TCP Socket多进程间的消息推送示例详解
Jul 10 Javascript
12个提高JavaScript技能的概念(小结)
May 09 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实现多维数组中每个单元值(数字)翻倍的方法
2015/02/16 PHP
PHP使用Face++接口开发微信公众平台人脸识别系统的方法
2015/04/17 PHP
js中获取事件对象的方法小结
2011/03/13 Javascript
extjs 初始化checkboxgroup值的代码
2011/09/21 Javascript
JavaScript加强之自定义event事件
2013/09/21 Javascript
JS嵌套函数调用上下文的问题解决
2014/03/26 Javascript
JavaScript Array对象扩展indexOf()方法
2014/05/09 Javascript
js实现图片无缝滚动
2015/12/23 Javascript
jQuery 更改checkbox的状态,无效的解决方法
2016/07/22 Javascript
在js里怎么实现Xcode里的callFuncN方法(详解)
2016/11/05 Javascript
js中创建对象的几种方式
2017/02/05 Javascript
js 获取今天以及过去日期
2017/04/11 Javascript
微信小程序教程系列之新建页面(4)
2017/04/17 Javascript
在vue项目中引入highcharts图表的方法(详解)
2018/03/05 Javascript
关于Vue项目跨平台运行问题的解决方法
2018/09/18 Javascript
Element input树型下拉框的实现代码
2018/12/21 Javascript
用webpack4开发小程序的实现方法
2019/06/04 Javascript
jQuery zTree如何改变指定节点文本样式
2020/10/16 jQuery
利用 Chrome Dev Tools 进行页面性能分析的步骤说明(前端性能优化)
2021/02/24 Javascript
Python实现学生成绩管理系统
2020/04/05 Python
Python基于csv模块实现读取与写入csv数据的方法
2018/01/18 Python
Django中的Model操作表的实现
2018/07/24 Python
Python中的正则表达式与JSON数据交换格式
2019/07/03 Python
django 单表操作实例详解
2019/07/30 Python
matplotlib设置颜色、标记、线条,让你的图像更加丰富(推荐)
2020/09/25 Python
HTML5边玩边学(1)画布实现方法
2010/09/21 HTML / CSS
瑞典灯具和照明网上商店:Lamp24.se
2018/03/17 全球购物
SmartBuyGlasses意大利:购买太阳镜、眼镜和隐形眼镜
2018/11/20 全球购物
竞争与合作演讲稿
2014/05/12 职场文书
模具专业求职信
2014/06/26 职场文书
2014年小学生教师节演讲稿范文
2014/09/10 职场文书
出纳年终工作总结2014
2014/12/05 职场文书
《夹竹桃》教学反思
2016/02/23 职场文书
Redis IP地址的绑定的实现
2021/05/08 Redis
解析CSS 提取图片主题色功能(小技巧)
2021/05/12 HTML / CSS
Pytorch GPU内存占用很高,但是利用率很低如何解决
2021/06/01 Python