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语句循环结构
Nov 10 Javascript
详解Bootstrap按钮
Jan 04 Javascript
JSONP跨域请求实例详解
Jul 04 Javascript
基于BootStrap实现简洁注册界面
Jul 20 Javascript
vue 怎么创建组件及组件使用方法
Jul 27 Javascript
浅析Vue自定义组件的v-model
Nov 26 Javascript
JS中原始值和引用值的储存方式示例详解
Mar 23 Javascript
微信小程序实现倒计时补零功能
Jul 09 Javascript
Vue项目接入Paypal实现示例详解
Jun 04 Javascript
vue通过过滤器实现数据格式化
Jul 20 Javascript
angular共享依赖的解决方案分享
Oct 15 Javascript
在Vue中使用Viser说明(基于AntV-G2可视化引擎)
Oct 28 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实现获取局域网所有用户的电脑IP和主机名、及mac地址完整实例
2014/07/18 PHP
PHP判断一个字符串是否是回文字符串的方法
2015/03/23 PHP
WIN8.1下搭建PHP5.6环境
2015/04/29 PHP
浅谈php和js中json的编码和解码
2016/10/24 PHP
url 编码 js url传参中文乱码解决方案
2010/04/11 Javascript
由Javascript实现的页面日历
2011/11/04 Javascript
Javascript 异步加载详解(浏览器在javascript的加载方式)
2012/05/20 Javascript
THREE.JS入门教程(5)你应当知道的十件事
2013/01/24 Javascript
javascript清空table表格的方法
2015/05/14 Javascript
JavaScript仿支付宝密码输入框
2015/12/29 Javascript
微信小程序 scroll-view实现上拉加载与下拉刷新的实例
2017/01/21 Javascript
Javascript基础回顾之(三) js面向对象
2017/01/31 Javascript
微信小程序  TLS 版本必须大于等于1.2问题解决
2017/02/22 Javascript
详解Angular2 之 结构型指令
2017/06/21 Javascript
vue数据双向绑定的注意点
2017/06/23 Javascript
关于laydate.js加载laydate.css路径错误问题解决
2017/12/27 Javascript
JavaScript继承与多继承实例分析
2018/05/26 Javascript
vue路由缓存的几种实现方式小结
2020/02/02 Javascript
html中创建并调用vue组件的几种方法汇总
2020/11/17 Javascript
[46:12]完美世界DOTA2联赛循环赛 DM vs Matador BO2第一场 11.04
2020/11/04 DOTA
Python3控制路由器——使用requests重启极路由.py
2016/05/11 Python
python回调函数中使用多线程的方法
2017/12/25 Python
Python获取指定字符前面的所有字符方法
2018/05/02 Python
Python实现查找数据库最接近的数据
2020/06/08 Python
使用python操作lmdb对数据读取的实例
2020/12/11 Python
CSS3混合模式mix-blend-mode/background-blend-mode简介
2018/03/15 HTML / CSS
借助HTML5 Canvas API制作一个简单的猜字游戏
2016/03/25 HTML / CSS
html5+css如何实现中间大两头小的轮播效果
2018/12/06 HTML / CSS
法学专业本科生自荐信范文
2013/12/17 职场文书
质检员岗位职责
2013/12/17 职场文书
青年志愿者先进事迹
2014/05/06 职场文书
2015七夕情人节宣传语
2015/07/14 职场文书
《绝招》教学反思
2016/02/20 职场文书
2016年社区中秋节活动总结
2016/04/05 职场文书
某药房的新员工入职告知书!
2019/07/15 职场文书
SQL基础的查询语句
2021/11/11 MySQL