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 相关文章推荐
判断是否输入完毕再激活提交按钮
Jun 26 Javascript
一个选择最快的服务器转向代码
Apr 27 Javascript
实现局部遮罩与关闭原理及代码
Feb 04 Javascript
jquery+json实现数据列表分页示例代码
Nov 15 Javascript
实现图片预加载的三大方法及优缺点分析
Nov 19 Javascript
在JavaScript中操作时间之getYear()方法的使用教程
Jun 11 Javascript
JS实现的简单拖拽功能示例
Mar 13 Javascript
vue2.0路由切换后页面滚动位置不变BUG的解决方法
Mar 14 Javascript
微信小程序停止其他视频播放当前视频的实例代码
Dec 25 Javascript
微信小程序全选多选效果实现代码解析
Jan 21 Javascript
vue任意关系组件通信与跨组件监听状态vue-communication
Oct 18 Javascript
Vue+Bootstrap收藏(点赞)功能逻辑与具体实现
Oct 22 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
收集的php编写大型网站问题集
2007/03/06 PHP
使用php实现从身份证中提取生日
2016/05/09 PHP
JavaScript 加号(+)运算符号
2009/12/06 Javascript
你必须知道的JavaScript 中字符串连接的性能的一些问题
2013/05/07 Javascript
基于Unit PNG Fix.js有时候在ie6下不正常的解决办法
2013/06/26 Javascript
JS实现Enter键跳转及控件获得焦点
2013/08/12 Javascript
javascript回车完美实现tab切换功能
2014/03/13 Javascript
javascript生成随机数方法汇总
2015/11/12 Javascript
jquery实现加载进度条提示效果
2015/11/23 Javascript
Jquery揭秘系列:ajax原生js实现详解(推荐)
2016/06/08 Javascript
JS及PHP代码编写八大排序算法
2016/07/12 Javascript
基于JavaScript实现瀑布流效果
2017/03/29 Javascript
javascript实现QQ空间相册展示源码
2017/12/12 Javascript
浏览器调试动态js脚本的方法(图解)
2018/01/19 Javascript
vue-router 手势滑动触发返回功能
2018/09/30 Javascript
React Component存在的几种形式详解
2018/11/06 Javascript
vue项目中使用scss的方法步骤
2019/05/16 Javascript
JS简单数组排序操作示例【sort方法】
2019/05/17 Javascript
python实现排序算法
2014/02/14 Python
Python实现多行注释的另类方法
2014/08/22 Python
举例讲解Python中的算数运算符的用法
2015/05/13 Python
Django跨域请求CSRF的方法示例
2018/11/11 Python
Python使用pyshp库读取shapefile信息的方法
2018/12/29 Python
如何基于Python实现自动扫雷
2020/01/06 Python
scrapy数据存储在mysql数据库的两种方式(同步和异步)
2020/02/18 Python
Office DEPOT法国官网:欧迪办公用品采购
2018/01/03 全球购物
英国创新设计文具、卡片和礼品包装网站:Paperchase
2018/07/14 全球购物
大学生入党自我鉴定
2013/10/31 职场文书
手机业务员岗位职责
2013/12/13 职场文书
党员贯彻十八大精神思想汇报范文
2014/10/25 职场文书
安全检查汇报材料
2014/12/26 职场文书
2015年酒店工作总结范文
2015/04/07 职场文书
如何用python识别滑块验证码中的缺口
2021/04/01 Python
python实现简单反弹球游戏
2021/04/12 Python
Python字符串的转义字符
2022/04/07 Python
HttpClient实现文件上传功能
2022/08/14 Java/Android