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 相关文章推荐
创建一个复制UBB软件信息的链接或按钮的js代码
Jan 06 Javascript
理清apply(),call()的区别和关系
Aug 14 Javascript
Javascript之this关键字深入解析
Nov 12 Javascript
JavaScript中的prototype.bind()方法介绍
Apr 04 Javascript
JS对img标签进行优化使用onerror显示默认图像
Apr 24 Javascript
深入探讨JavaScript、JQuery屏蔽网页鼠标右键菜单及禁止选择复制
Jun 10 Javascript
JavaScript实现DIV层拖动及动态增加新层的方法
May 12 Javascript
js实现仿Discuz文本框弹出层效果
Aug 13 Javascript
node.js调用C++函数的方法示例
Sep 21 Javascript
原生JS实现的自动轮播图功能详解
Dec 28 Javascript
vue中组件通信的八种方式(值得收藏!)
Aug 09 Javascript
js实现简单抽奖功能
Nov 24 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
兼容firefox,chrome的网页灰度效果
2011/08/08 PHP
php中curl和file_get_content的区别
2014/05/10 PHP
php编程中echo用逗号和用点号连接的区别
2016/03/26 PHP
PHP数字前补0的自带函数sprintf 和number_format的用法(详解)
2017/02/06 PHP
PHP回调函数与匿名函数实例详解
2017/08/16 PHP
一个用js实现控制台控件的代码
2007/09/04 Javascript
JavaScript(JS) 压缩 / 混淆 / 格式化 批处理工具
2010/12/10 Javascript
在JS中如何调用JSP中的变量
2014/01/22 Javascript
jQuery 取值、赋值的基本方法整理
2014/03/31 Javascript
jquery实现邮箱自动填充提示功能
2015/11/17 Javascript
JavaScript实现时钟滴答声效果
2017/01/29 Javascript
基于JavaScript实现瀑布流效果
2017/03/29 Javascript
angularJs中datatable实现代码
2017/06/03 Javascript
javascript创建元素和删除元素实例小结
2019/06/19 Javascript
详解vue实现坐标拾取器功能示例
2020/11/18 Vue.js
Vue SPA 首屏优化方案
2021/02/26 Vue.js
Python enumerate索引迭代代码解析
2018/01/19 Python
78行Python代码实现现微信撤回消息功能
2018/07/26 Python
python使用response.read()接收json数据的实例
2018/12/19 Python
python进程间通信Queue工作过程详解
2019/11/01 Python
python GUI库图形界面开发之PyQt5结合Qt Designer创建信号与槽的详细方法与实例
2020/03/08 Python
关于tensorflow softmax函数用法解析
2020/06/30 Python
Tahari ASL官方网站:高级设计师女装
2021/03/15 全球购物
自主招生自荐书
2013/11/29 职场文书
幼师求职自荐信范文
2014/01/26 职场文书
班级寄语大全
2014/04/10 职场文书
勤俭节约演讲稿
2014/05/08 职场文书
争先创优活动总结
2014/08/27 职场文书
2014学校领导四风对照检查材料思想汇报
2014/09/23 职场文书
致百米运动员广播稿5篇
2014/10/13 职场文书
研究生就业推荐表导师评语
2014/12/31 职场文书
建党伟业观后感
2015/06/01 职场文书
新郎父亲婚礼致辞
2015/07/27 职场文书
pandas 操作 Excel操作总结
2021/03/31 Python
Python如何用re模块实现简易tokenizer
2022/05/02 Python
VMware虚拟机安装 Windows Server 2022的详细图文教程
2022/09/23 Servers