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 构造函数,公有,私有特权和静态成员定义方法
Nov 30 Javascript
js substring从右边获取指定长度字符串(示例代码)
Dec 23 Javascript
如何用js 实现依赖注入的思想,后端框架思想搬到前端来
Aug 03 Javascript
javascript实现tab响应式切换特效
Jan 29 Javascript
javascript拖拽应用实例(二)
Mar 25 Javascript
jquery请求servlet实现ajax异步请求的示例
Jun 03 jQuery
Angularjs中数据绑定的实例详解
Aug 25 Javascript
jquery 给动态生成的标签绑定事件的几种方法总结
Feb 24 jQuery
layui select 禁止点击的实现方法
Sep 05 Javascript
vue element 关闭当前tab 跳转到上一路由操作
Jul 22 Javascript
js实现直播点击飘心效果
Aug 19 Javascript
react中的DOM操作实现
Jun 30 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
使用VisualStudio开发php的图文设置方法
2010/08/21 PHP
php正则取img标记中任意属性(正则替换去掉或改变图片img标记中的任意属性)
2013/08/13 PHP
推荐一款MAC OS X 下php集成开发环境mamp
2014/11/08 PHP
两种php给图片加水印的实现代码
2020/04/18 PHP
Linux下从零开始安装配置Nginx服务器+PHP开发环境
2015/12/21 PHP
php抽象类和接口知识点整理总结
2019/08/02 PHP
Yii框架常见缓存应用实例小结
2019/09/09 PHP
javascript 操作select下拉列表框的一点小经验
2010/03/20 Javascript
基于jQuery的仿flash的广告轮播
2010/11/05 Javascript
js实现的跟随鼠标移动的时钟效果(中英文日期显示)
2011/01/17 Javascript
基于JQuery的多标签实现代码
2012/09/19 Javascript
自动最大化窗口的Javascript代码
2013/05/22 Javascript
jQuery中extend函数详解
2015/07/13 Javascript
jQuery+AJAX实现遮罩层登录验证界面(附源码)
2020/09/13 Javascript
jQuery插件简单学习实例教程
2016/07/01 Javascript
Jquery给当前页或者跳转后页面的导航栏添加选中后样式的实例
2016/12/08 Javascript
vue实现一个移动端屏蔽滑动的遮罩层实例
2017/06/08 Javascript
vue实现组件之间传值功能示例
2018/07/13 Javascript
vuejs使用axios异步访问时用get和post的实例讲解
2018/08/09 Javascript
JavaScript实现数字前补“0”的五种方法示例
2019/01/03 Javascript
Vue项目打包编译优化方案
2020/09/16 Javascript
JavaScript实现下拉列表
2021/01/20 Javascript
[04:29]2016国际邀请赛中国区预选赛Ehome战队教练采访
2016/06/27 DOTA
python re模块findall()函数实例解析
2018/01/19 Python
从0开始的Python学习014面向对象编程(推荐)
2019/04/02 Python
Python Websocket服务端通信的使用示例
2020/02/25 Python
Keras自定义IOU方式
2020/06/10 Python
最新PyCharm 2020.2.3永久激活码(亲测有效)
2020/11/26 Python
加拿大女装网上购物:Reitmans
2016/10/20 全球购物
自荐信的两点禁忌
2013/10/30 职场文书
继电保护工岗位职责
2014/01/05 职场文书
房产公证委托书范本
2014/09/20 职场文书
群众路线专项整治工作情况报告
2014/10/28 职场文书
2015年社区统计工作总结
2015/04/21 职场文书
最美劳动诗,致敬所有的劳动者!
2019/07/12 职场文书
如何用JavaScript实现一个数组惰性求值库
2021/05/05 Javascript