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二维数组采用定义数组的数组来实现
Dec 09 Javascript
jQuery插件Flexslider实现图片轮播、图文结合滑动切换效果
Apr 16 Javascript
Bootstrap Table表格一直加载(load)不了数据的快速解决方法
Sep 17 Javascript
浅谈js中function的参数默认值
Feb 20 Javascript
JavaScrpt的面向对象全面解析
May 09 Javascript
详解用vue.js和laravel实现微信授权登陆
Jun 23 Javascript
jQuery修改DOM结构_动力节点Java学院整理
Jul 05 jQuery
基于构造函数的五种继承方法小结
Jul 27 Javascript
js实现鼠标跟随运动效果
Aug 02 Javascript
Vue 使用 Mint UI 实现左滑删除效果CellSwipe
Apr 27 Javascript
JavaScript链式调用原理与实现方法详解
May 16 Javascript
node.js 基于 STMP 协议和 EWS 协议发送邮件
Feb 14 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字符编码问题之GB2312 VS UTF-8解决方法
2011/06/23 PHP
php微信公众开发之获取周边酒店信息的方法
2014/12/22 PHP
Laravel框架实现多数据库连接操作详解
2019/07/12 PHP
神奇的代码 通杀各种网站-可随意修改复制页面内容
2008/07/17 Javascript
js 加载并解析XML字符串的代码
2009/12/13 Javascript
JavaScript/jQuery 表单美化插件小结
2012/02/14 Javascript
中止javascript执行的方法
2014/02/14 Javascript
Google Maps API地图应用示例分享
2014/10/23 Javascript
node.js超时timeout详解
2014/11/26 Javascript
angularjs表格分页功能详解
2016/01/21 Javascript
js小数计算小数点后显示多位小数的实现方法
2016/05/30 Javascript
js 判断数据类型的几种方法
2017/01/13 Javascript
信息滚动效果的实例讲解
2017/09/18 Javascript
Vue-cropper 图片裁剪的基本原理及思路讲解
2018/04/17 Javascript
了解Javascript中函数作为对象的魅力
2019/06/19 Javascript
微信小程序wx.request拦截器使用详解
2019/07/09 Javascript
layui使用表格渲染获取行数据的例子
2019/09/13 Javascript
JS关闭子窗口并且刷新上一个窗口的实现示例
2020/03/10 Javascript
如何使用jQuery操作Cookies方法解析
2020/09/08 jQuery
python3爬取各类天气信息
2018/02/24 Python
PyTorch和Keras计算模型参数的例子
2020/01/02 Python
python用什么编辑器进行项目开发
2020/06/17 Python
使用matplotlib的pyplot模块绘图的实现示例
2020/07/12 Python
跨域修改iframe页面内容详解
2019/10/31 HTML / CSS
Alba Moda德国网上商店:意大利时尚女装销售
2016/11/14 全球购物
阿拉伯时尚购物网站:Nisnass
2021/02/07 全球购物
mysql有关权限的表都有哪几个
2015/04/22 面试题
群众路线表态发言材料
2014/10/17 职场文书
自愿离婚协议书范本
2015/01/26 职场文书
2015年教师节慰问信
2015/03/23 职场文书
高老头读书笔记
2015/06/30 职场文书
初中班主任教育随笔
2015/08/15 职场文书
七年级作文之游记
2019/12/11 职场文书
使用pandas模块实现数据的标准化操作
2021/05/14 Python
CSS3实现指纹特效代码
2022/03/17 HTML / CSS
解决MySQL Varchar 类型尾部空格的问题
2022/04/06 MySQL