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的执行顺序 之实战篇
Mar 03 Javascript
工作需要写的一个js拖拽组件
Jul 28 Javascript
使用jquery写个更改表格行顺序的小功能
Apr 29 Javascript
jQuery控制TR显示隐藏的几种方法
Jun 18 Javascript
jQuery实现滚动切换的tab选项卡效果代码
Aug 26 Javascript
javascript实现鼠标点击页面 移动DIV
Dec 02 Javascript
微信小程序 闭包写法详细介绍
Dec 14 Javascript
简单实现IONIC购物车功能
Jan 10 Javascript
SelectPage v2.4 发布新增纯下拉列表和关闭分页功能
Sep 07 Javascript
Vue页面跳转动画效果的实现方法
Sep 23 Javascript
微信小程序用户位置权限的获取方法(拒绝后提醒)
Nov 15 Javascript
vue 基于abstract 路由模式 实现页面内嵌的示例代码
Dec 14 Vue.js
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读取TXT文件向数据库导入海量数据的方法
2013/04/23 PHP
解析在apache里面给php写虚拟目录的详细方法
2013/06/24 PHP
基于PHP中的常用函数回顾
2013/07/11 PHP
PHP设计模式之原型模式定义与用法详解
2018/04/03 PHP
js判断输入是否为数字的具体实例
2013/08/03 Javascript
实测jquery data()如何存值
2013/08/18 Javascript
关于Jquery操作Cookie取值错误的解决方法
2013/08/26 Javascript
jquery的选择器的使用技巧之如何选择input框
2013/09/22 Javascript
js实现日历可获得指定日期周数及星期几示例分享(js获取星期几)
2014/03/14 Javascript
给应用部分的js代码设定一个统一的入口
2014/06/15 Javascript
javascript中几个容易混淆的概念总结
2015/04/14 Javascript
JavaScript实现的简单烟花特效代码
2015/10/20 Javascript
jQuery获取某天的农历日期并判断是否除夕或新年的方法
2016/03/01 Javascript
简单谈谈JS数组中的indexOf方法
2016/10/13 Javascript
vue-cli 3.0 自定义vue.config.js文件,多页构建的方法
2018/09/19 Javascript
vue+elementUI实现表格关键字筛选高亮
2020/10/26 Javascript
在Node.js中将SVG图像转换为PNG,JPEG,TIFF,WEBP和HEIF格式的方法
2019/08/22 Javascript
基于ajax实现上传图片代码示例解析
2020/12/03 Javascript
利用Python和OpenCV库将URL转换为OpenCV格式的方法
2015/03/27 Python
python中时间模块的基本使用教程
2019/05/14 Python
Python基础学习之基本数据结构详解【数字、字符串、列表、元组、集合、字典】
2019/06/18 Python
Python+pyplot绘制带文本标注的柱状图方法
2019/07/08 Python
python将数组n等分的实例
2019/12/02 Python
python boto和boto3操作bucket的示例
2020/10/30 Python
python正则表达式re.match()匹配多个字符方法的实现
2021/01/27 Python
世界上最全面的汽车零部件和配件集合:JC Whitney
2016/09/04 全球购物
健身场所或家用健身设备:Life Fitness
2017/11/01 全球购物
璀璨的珍珠、密钉和个性化珠宝:Lily & Roo
2021/01/21 全球购物
介绍一下.NET构架下remoting和webservice
2014/05/08 面试题
婚礼证婚人证婚词
2014/01/13 职场文书
《美丽的公鸡》教学反思
2014/02/25 职场文书
车间机修工岗位职责
2014/02/28 职场文书
关于奉献的演讲稿
2014/05/21 职场文书
师德自我剖析材料范文
2014/10/06 职场文书
2014年乡镇工会工作总结
2014/12/02 职场文书
javascript canvas实现雨滴效果
2021/06/09 Javascript