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 相关文章推荐
js查错流程归纳
May 04 Javascript
JS实现字体选色板实例代码
Nov 20 Javascript
javascript向后台传送相同属性的参数即数组参数
Feb 17 Javascript
纯js实现遮罩层效果原理分析
May 27 Javascript
node.js中的fs.lstatSync方法使用说明
Dec 16 Javascript
jQuery实现按键盘方向键翻页特效
Mar 18 Javascript
莱鸟介绍window.print()方法
Jan 06 Javascript
jQuery Ajax Post 回调函数不执行问题的解决方法
Aug 15 Javascript
详解Node.js:events事件模块
Nov 24 Javascript
jQuery轮播图实例详解
Aug 15 jQuery
Vue两个版本的区别和使用方法(更深层次了解)
Feb 16 Javascript
微信小程序仿抖音短视频切换效果的实例代码
Jun 24 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中的integer类型使用分析
2010/07/27 PHP
codeigniter框架The URI you submitted has disallowed characters错误解决方法
2014/05/06 PHP
动态为事件添加js代码示例
2009/02/15 Javascript
Javascript生成json的函数代码(可以用php的json_decode解码)
2012/06/11 Javascript
Javascript中的匿名函数与封装介绍
2015/03/15 Javascript
js 动态给元素添加、移除事件的实现方法
2016/07/19 Javascript
jQuery轮播图效果精简版完整示例
2016/09/04 Javascript
bootstrap table复杂操作代码
2016/11/01 Javascript
Vue.directive 自定义指令的问题小结
2018/03/04 Javascript
js实现二级菜单点击显示当前内容效果
2018/04/28 Javascript
在vue里使用codemirror遇到的问题
2018/11/01 Javascript
koa源码中promise的解读
2018/11/13 Javascript
深入理解vue-class-component源码阅读
2019/02/18 Javascript
基于JS实现前端压缩上传图片的实例代码
2019/05/14 Javascript
js获取url页面id,也就是最后的数字文件名
2020/09/25 Javascript
vue绑定class的三种方法
2020/12/24 Vue.js
如何使用原生Js实现随机点名详解
2021/01/06 Javascript
[01:02:54]完美世界DOTA2联赛PWL S2 FTD vs GXR 第一场 11.22
2020/11/26 DOTA
Python实现定时任务
2017/02/08 Python
python互斥锁、加锁、同步机制、异步通信知识总结
2018/02/11 Python
深入理解Python爬虫代理池服务
2018/02/28 Python
python添加模块搜索路径和包的导入方法
2019/01/19 Python
详解pandas库pd.read_excel操作读取excel文件参数整理与实例
2019/02/17 Python
python gensim使用word2vec词向量处理中文语料的方法
2019/07/05 Python
Python爬取爱奇艺电影信息代码实例
2019/11/26 Python
根据tensor的名字获取变量的值方式
2020/01/04 Python
简单了解django处理跨域请求最佳解决方案
2020/03/25 Python
如何使用PyCharm将代码上传到GitHub上(图文详解)
2020/04/27 Python
Python如何使用队列方式实现多线程爬虫
2020/05/12 Python
数据员岗位职责
2013/11/19 职场文书
社区八一活动方案
2014/02/03 职场文书
人力资源主管职责范本
2014/03/05 职场文书
艾滋病宣传活动总结
2014/05/08 职场文书
小学教研工作总结2015
2015/05/13 职场文书
2015最新婚礼司仪主持词
2015/06/30 职场文书
PHP新手指南
2021/04/01 PHP