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之typeof、instanceof操作符使用探讨
May 19 Javascript
一些老手都不一定知道的JavaScript技巧
May 06 Javascript
解决html按钮切换绑定不同函数后点击时执行多次函数问题
May 14 Javascript
AngularJS 服务详细讲解及示例代码
Aug 17 Javascript
js 提交form表单和设置form表单请求路径的实现方法
Oct 25 Javascript
JavaScript 详解预编译原理
Jan 22 Javascript
vue2.0结合DataTable插件实现表格动态刷新的方法详解
Mar 17 Javascript
vue组件实现可搜索下拉框扩展
Oct 23 Javascript
vue 使用自定义指令实现表单校验的方法
Aug 28 Javascript
微信小程序实现日历效果
Dec 28 Javascript
Vue组件更新数据v-model不生效的解决
Apr 02 Vue.js
处理canvas绘制图片模糊问题
May 11 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
WML,Apache,和 PHP 的介绍
2006/10/09 PHP
深入解析yii权限分级式访问控制的实现(非RBAC法)
2013/06/13 PHP
浅析Apache中RewriteCond规则参数的详细介绍
2013/06/30 PHP
PHP获取MAC地址的具体实例
2013/12/13 PHP
PHP中的命名空间相关概念浅析
2015/01/22 PHP
使用php实现网站验证码功能【推荐】
2017/02/09 PHP
JQUERY的属性选择符和自定义选择符使用方法(二)
2011/04/07 Javascript
JQuery事件e参数的方法preventDefault()取消默认行为
2013/09/26 Javascript
jQuery验证插件 Validate详解
2014/11/20 Javascript
JavaScript中的replace()方法使用详解
2015/06/06 Javascript
jquery实现动静态条形统计图
2015/08/17 Javascript
AngularJS身份验证的方法
2016/02/17 Javascript
AngularJS监听路由的变化示例代码
2016/09/23 Javascript
AngularJS解决ng界面长表达式(ui-set)的方法分析
2016/11/07 Javascript
Web纯前端“旭日图”实现元素周期表
2017/03/10 Javascript
前端跨域的几种解决方式总结(推荐)
2017/08/16 Javascript
jQuery实现遍历XML节点和属性的方法示例
2018/04/29 jQuery
解决vue打包后vendor.js文件过大问题
2019/07/03 Javascript
nest.js 使用express需要提供多个静态目录的操作方法
2019/10/24 Javascript
[04:14]从西雅图到上海——玩家自制DOTA2主题歌曲应援TI9
2019/07/11 DOTA
Python数组条件过滤filter函数使用示例
2014/07/22 Python
python获取本地计算机名字的方法
2015/04/29 Python
Python 专题三 字符串的基础知识
2017/03/19 Python
遗传算法python版
2018/03/19 Python
Python3读取Excel数据存入MySQL的方法
2018/05/04 Python
浅谈python已知元素,获取元素索引(numpy,pandas)
2019/11/26 Python
python3安装OCR识别库tesserocr过程图解
2020/04/02 Python
基于django micro搭建网站实现加水印功能
2020/05/22 Python
Pycharm打开已有项目配置python环境的方法
2020/07/03 Python
Django DRF APIView源码运行流程详解
2020/08/17 Python
过滤器的用法
2013/10/08 面试题
计算机专业学生的自我评价
2013/12/15 职场文书
工地门卫岗位职责
2013/12/30 职场文书
学生爱国演讲稿
2014/01/14 职场文书
施工安全责任书范本
2014/07/24 职场文书
学生检讨书范文
2015/01/27 职场文书