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 11 Javascript
jQuery 验证插件 Web前端设计模式(asp.net)
Oct 17 Javascript
JavaScript—window对象使用示例
Dec 09 Javascript
node.js正则表达式获取网页中所有链接的代码实例
Jun 03 Javascript
jQuery实现防止提交按钮被双击的方法
Mar 24 Javascript
AngularJS 避繁就简的路由
Jul 01 Javascript
AngularJS包括详解及示例代码
Aug 17 Javascript
js基于FileSaver.js 浏览器导出Excel文件的示例
Aug 15 Javascript
Angular2整合其他插件的方法
Jan 20 Javascript
Vue表单demo v-model双向绑定问题
Jun 29 Javascript
使用Vue+Django+Ant Design做一个留言评论模块的示例代码
Jun 01 Javascript
深入了解JavaScript词法作用域
Jul 29 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获取网址的顶级域名函数代码
2012/09/24 PHP
9段PHP实用功能的代码推荐
2014/10/14 PHP
php字符串函数学习之strstr()
2015/03/27 PHP
ThinkPHP路由机制简介
2016/03/23 PHP
PHP查看SSL证书信息的方法
2016/09/22 PHP
PHP面向对象五大原则之单一职责原则(SRP)详解
2018/04/04 PHP
用jscript实现新建和保存一个word文档
2007/06/15 Javascript
基于jquery循环map功能的代码
2011/02/26 Javascript
使用jquery实现以post打开新窗口
2014/03/19 Javascript
Javascript实现简单的富文本编辑器附演示
2014/06/16 Javascript
分享28款免费实用的 JQuery 图片和内容滑块插件
2014/12/15 Javascript
JavaScript中的console.profile()函数详细介绍
2014/12/29 Javascript
javascript实现根据3原色制作颜色选择器的方法
2015/07/17 Javascript
jQuery调用Webservice传递json数组的方法
2016/08/06 Javascript
jquery自定义插件结合baiduTemplate.js实现异步刷新(附源码)
2016/12/22 Javascript
vue.js前后端数据交互之提交数据操作详解
2018/04/24 Javascript
浅谈Webpack核心模块tapable解析
2018/09/11 Javascript
Angular ui-roter 和AngularJS 通过 ocLazyLoad 实现动态(懒)加载模块和依赖
2018/11/25 Javascript
js实现鼠标点击页面弹出自定义文字效果
2019/12/24 Javascript
Taro UI框架开发小程序实现左滑喜欢右滑不喜欢效果的示例代码
2020/05/18 Javascript
解决vue单页面应用打包后相对路径、绝对路径相关问题
2020/08/14 Javascript
python打开文件并获取文件相关属性的方法
2015/04/23 Python
Python中的TCP socket写法示例
2018/05/11 Python
pycharm 解除默认unittest模式的方法
2018/11/30 Python
Python 脚本获取ES 存储容量的实例
2018/12/27 Python
python、Matlab求定积分的实现
2019/11/20 Python
精伦电子Java笔试题
2013/01/16 面试题
高级人员简历的自我评价分享
2013/11/03 职场文书
硕士研究生就业推荐信
2014/05/18 职场文书
秋季运动会开幕词
2015/01/28 职场文书
中学社团活动总结
2015/05/07 职场文书
义卖募捐活动总结
2015/05/09 职场文书
使用Python的开发框架Brownie部署以太坊智能合约
2021/05/28 Python
Go 中的空白标识符下划线
2022/03/25 Golang
Golang数据类型和相互转换
2022/04/12 Golang
Android Studio 计算器开发
2022/05/20 Java/Android