JS控制日期显示的小例子


Posted in Javascript onNovember 23, 2013

我们在项目中一般会遇到显示时间的问题,一般的处理方式是在前台通过JS控制,JS控制显示时间的代码如下,各种不同的显示方式:

function Clock() {
 var date = new Date();
 this.year = date.getFullYear();
 this.month = date.getMonth() + 1;
 this.date = date.getDate();
 this.day = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六")[date.getDay()];
 this.hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
 this.minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
 this.second = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
 this.toString = function() {
  return "现在是:" + this.year + "年" + this.month + "月" + this.date + "日 " + this.hour + ":" + this.minute + ":" + this.second + " " + this.day; 
 };//现在是<SPAN id=clock>现在是:2013年3月6日 13:54:17 星期三</SPAN>
<SPAN></SPAN>
 this.toSimpleDate = function() {
  return this.year + "-" + this.month + "-" + this.date;
 };//2013-03-06 this.toDetailDate = function() {
  return this.year + "-" + this.month + "-" + this.date + " " + this.hour + ":" + this.minute + ":" + this.second;
 };//2013-03-06 13:45:43
 this.display = function(ele) {
  var clock = new Clock();
  ele.innerHTML = clock.toString();//显示方式调用
  window.setTimeout(function() {clock.display(ele);}, 1000);
 };
}
Javascript 相关文章推荐
JavaScript For Beginners(转载)
Jan 05 Javascript
jValidate 基于jQuery的表单验证插件
Dec 12 Javascript
Dom 是什么的详细说明
Oct 25 Javascript
JavaScript学习笔记(一) js基本语法
Oct 25 Javascript
js css后面所带参数含义介绍
Aug 18 Javascript
JavaScript中for..in循环陷阱介绍
Nov 12 Javascript
在javascript中实现函数数组的方法
Dec 25 Javascript
jquery链式操作的正确使用方法
Jan 06 Javascript
深入理解requireJS-实现一个简单的模块加载器
Jan 15 Javascript
ES6 系列之 WeakMap的使用示例
Aug 06 Javascript
vue路由跳转传参数的方法
May 06 Javascript
浅谈react useEffect闭包的坑
Jun 08 Javascript
Jquery 动态循环输出表格具体方法
Nov 23 #Javascript
基于jquery异步传输json数据格式实例代码
Nov 23 #Javascript
JavaScript Ajax Json实现上下级下拉框联动效果实例代码
Nov 23 #Javascript
javascript阻止浏览器后退事件防止误操作清空表单
Nov 22 #Javascript
js获取电脑分辨率的思路及操作
Nov 22 #Javascript
JS+CSS 制作的超级简单的下拉菜单附图
Nov 22 #Javascript
Mac/Windows下如何安装Node.js
Nov 22 #Javascript
You might like
中国收音机工业发展史
2021/03/02 无线电
smarty的保留变量问题
2008/10/23 PHP
PHP图片库imagemagick安装方法
2014/09/23 PHP
php实现删除空目录的方法
2015/03/16 PHP
详解Laravel视图间共享数据与视图Composer
2016/08/04 PHP
LBS blog sql注射漏洞[All version]-官方已有补丁
2007/08/26 Javascript
用Jquery实现多级下拉框无刷新的联动
2010/12/22 Javascript
深入理解JavaScript高级之词法作用域和作用域链
2013/12/10 Javascript
jQuery中常用的遍历函数用法实例总结
2015/09/01 Javascript
jquery.validate提示错误信息位置方法
2016/01/22 Javascript
jQuery实现可以控制图片旋转角度效果(附demo源码下载)
2016/01/27 Javascript
JS实现自动阅读单词(有道单词本添加功能)
2016/11/14 Javascript
详解JS获取HTML DOM元素的8种方法
2017/06/17 Javascript
Material(包括Material Icon)在Angular2中的使用详解
2018/02/11 Javascript
深入浅析Node环境和浏览器的区别
2018/08/14 Javascript
jQuery实现参数自定义的文字跑马灯效果
2018/08/15 jQuery
详解微信图片防盗链“此图片来自微信公众平台 未经允许不得引用”的解决方案
2019/04/04 Javascript
javascript设计模式 ? 解释器模式原理与用法实例分析
2020/04/17 Javascript
[26:50]2018完美盛典DOTA2表演赛
2018/12/17 DOTA
Python内置函数OCT详解
2016/11/09 Python
python机器学习实战之最近邻kNN分类器
2017/12/20 Python
python查询mysql,返回json的实例
2018/03/26 Python
python 实现在Excel末尾增加新行
2018/05/02 Python
tensorflow 用矩阵运算替换for循环 用tf.tile而不写for的方法
2018/07/27 Python
Python selenium根据class定位页面元素的方法
2019/02/26 Python
Python在cmd上打印彩色文字实现过程详解
2019/08/07 Python
Perfume’s Club法国站:购买香水和化妆品
2019/05/02 全球购物
2014年教师节红领巾广播稿
2014/09/10 职场文书
物流专业专科生职业生涯规划书
2014/09/14 职场文书
大学生实习证明范本
2014/09/19 职场文书
解除施工合同协议书
2014/10/17 职场文书
感谢信模板大全
2015/01/23 职场文书
小学生手册家长意见
2015/06/03 职场文书
Python scrapy爬取起点中文网小说榜单
2021/06/13 Python
动态规划之使用备忘录来改进Javascript函数
2022/04/07 Javascript
vue如何清除浏览器历史栈
2022/05/25 Vue.js