`
piperzero
  • 浏览: 3478389 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

JS控制日期显示

 
阅读更多

我们在项目中一般会遇到显示时间的问题,一般的处理方式是在前台通过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; 
	};//现在是现在是:2013年3月6日 13:54:17 星期三

	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);
	};
}


分享到:
评论

相关推荐

    JS控制日期显示的小例子

    主要介绍了JS控制日期显示的小例子,有需要的朋友可以参考一下

    js日历控制,可以方便进行控制日期的显示

    js日历控制,可以方便进行控制日期的显示

    解决datefield组件 日期选择框在IE8下显示不完整的问题

    extjs中,经常会用到datefield组件控制用户对日期的操作,比如日志管理,需要开始时间、结束时间,但是IE8下日期选择框会显示不全,解决方法参加代码。 同时改代码解决了开始时间、结束时间的时间范围控制的问题,即...

    Kalendae日期多选控件Kalendajs-javascript

    Kalendae是一个轻量级的时间日期选择JavaScript插件,这是一个独立的插件,不依赖任何第三方插件库,使用简单方便,完美支持日期的年月日选择。 特点 独立插件,不依赖第三方插件,比如jQuery、Prototype、Mootools...

    基于JS格式的日期控件

    包内有多款JS格式日期控件,可控制大小,样式,日期,时间,和星期的显示控制。代码内有详细描述说明,并有一种控件的DEMO,可参考。

    js日期插件

    js控制多种日期显示,可以显示农历、新历、年月日、年月日时分等等多种显示方式

    js日历可限制选择日期

    js日历,可以控制选择日期,可以按周、月等显示,自带css样式也很好看,选择日期可以按照自己想要的模式来设置同时支持各大主流浏览器 支持的浏览器 IE 6.0+ , Firefox 2.0+ , Chrome, Opera 9.5+ , Safari 3.0+ ...

    带时间的日期控件 自动向上或向下弹出 JS

    带时间的日期 JS控件 弹出框可以根据窗体可视高度判断向上弹出或者向一弹出。

    jQuery一款比较好用的日期控件

    基于jQuery的一款日期控件,可适用于webapp,有良好的效果,可以自定义控制显示列,非常丰富的资源

    layui日期组件只显示时分

    亲自使用十分好用,layui使用日期组件只显示时分。由于项目页面展示只需要选择时分,不需要其他时间。...只需要复制里面的css样式,js再设置format: 'HH:mm', //设置日期格式。这样就能控制只展示时分。不展示其他时间

    在网页中加载闪存文件系统中的图片、CSS和JavaScript

    JavaScript.js和clock.js:在页面中显示日期和时钟的JavaScript文件。这两个程序主要用于演示如何在ESP8266开发板所建立的物联网页面中显示JavaScript img目录中的图片taichi-maker.jpg:此图片用于演示如何在ESP8266...

    JavaScript网页特效范例宝典源码

    实例078 通过JavaScript控制表单的提交与重置 122 实例079 带记忆功能的表单 123 实例080 防止表单重复提交 124 实例081 自动提交表单 125 实例082 通过for循环获取表单元素的中文名称 126 实例083 可以提交到不同...

    javascript页面动态显示时间变化示例代码

    代码如下: &lt;... &lt;head&gt; &lt;title&gt;&lt;/title&gt; [removed] function getDateDemo(){ /* //声明时间 var date = new Date(); alert&#40;...//显示年份 alert&#40;...//显示月份 0-11,需要加1 ...//显示一周的日期

    javaScript写的超强日期控件

    一款超强日期控件,可显示在浏览器最顶层,可以越出浏览器。可根据需要设置日期格式,此控件支持三种模式选择日期信息,通过配置ORG_SHOW_YEARMONTH_CLASS=0,1,2来控制选择界面……,光说光看不顶用,下了才知道好...

    javascript超强的时间控制

    7.增加文件包路径设置(在wdatepicker.js文件里,默认为空,程序会自动计算路径) 8.增加自定义触发事件,可以在日期框添加属性 onpicked="function(){}" 来自定义触发事件 9.增加多语言自动选择功能,系统会根据用户...

    javascript完全学习手册1 源码

    8.5.2 显示当前日期 211 8.5.3 进度条控制滚动图片 213 8.5.4 百叶窗效果 216 8.5.5 更改表格间隔背景色 219 第9章 JavaScript中的XML 223 9.1 XML语言 223 9.1.1 XML概述 223 9.1.2 XML文档结构 225 9.1.3 XML标记 ...

    JavaScript完全自学宝典 源代码

    6.13.html 使用JavaScript控制按钮是否可用。 6.14.html 重置按钮的效果。 6.15.html 提交按钮的效果。 第7章(\c07) 示例描述:学习JavaScript的事件处理。 7.1.html 双击某行变换背景色。 7.2....

    程序天下:JavaScript实例自学手册

    9.24 用JavaScript隐藏或显示表格列 9.25 滚动的表格 9.26 交换表的行 9.27 动态拖放表格的宽度 9.28 可输入内容的表格 9.29 可以分级的表格隐藏 9.30 动态创建表格并实现分页 9.31 删除表格指定行 9.32 设置表格的...

    使用javascript实现有效时间的控制,并显示将要过期的时间

    JavaScript实现的一个设置时间有效期的,自己用jQuery实现的感觉代码太不简练,这个是同事写的一段js代码,自己研究学习了一下 代码如下:&lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...

Global site tag (gtag.js) - Google Analytics