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跨域刷新实现代码
Jan 01 Javascript
javascript实现上传图片并预览的效果实现代码
Apr 11 Javascript
jQuery过滤选择器用法分析
Feb 10 Javascript
JS自定义选项卡函数及用法实例分析
Sep 02 Javascript
简单实现bootstrap选项卡效果
Feb 08 Javascript
vue指令以及dom操作详解
Mar 04 Javascript
深入学习 JavaScript中的函数调用
Mar 23 Javascript
微信小程序 支付功能实现PHP实例详解
May 12 Javascript
让div运动起来 js实现缓动效果
Jul 06 Javascript
关于JavaScript语句后面的分号问题
Dec 07 Javascript
layui前端时间戳转化实例
Nov 15 Javascript
vue 使用 sortable 实现 el-table 拖拽排序功能
Dec 26 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 什么是PEAR?(第二篇)
2009/03/19 PHP
一些需要禁用的PHP危险函数(disable_functions)
2012/02/23 PHP
PHP函数用法详解【初始化、嵌套、内置函数等】
2020/06/02 PHP
PHP常用字符串函数用法实例总结
2020/06/04 PHP
在vs2010中调试javascript代码方法
2011/02/11 Javascript
jQuery Tab插件 用于在Tab中显示iframe,附源码和详细说明
2011/06/27 Javascript
用JavaScript仿PS里的羽化效果代码
2011/12/20 Javascript
javascript全局变量封装模块实现代码
2012/11/28 Javascript
关于Javascript 对象(object)的prototype
2014/05/09 Javascript
详解javascript跨浏览器事件处理程序
2016/03/27 Javascript
浅谈JavaScript 执行环境、作用域及垃圾回收
2016/05/31 Javascript
浅谈JavaScript for循环 闭包
2016/06/22 Javascript
原生js获取元素样式的简单方法
2016/08/06 Javascript
jQuery 选择符详细介绍及整理
2016/12/02 Javascript
js获取元素下的第一级子元素的方法(推荐)
2017/03/05 Javascript
vue 路由嵌套高亮问题的解决方法
2018/05/17 Javascript
VUE2.0中Jsonp的使用方法
2018/05/22 Javascript
AngularJs分页插件使用详解
2018/06/30 Javascript
js计算两个日期间的天数月的实例代码
2018/09/20 Javascript
layui 表格操作列按钮动态显示的实现方法
2019/09/06 Javascript
修改NPM全局模式的默认安装路径的方法
2020/12/15 Javascript
vue3 watch和watchEffect的使用以及有哪些区别
2021/01/26 Vue.js
Python打造出适合自己的定制化Eclipse IDE
2016/03/02 Python
python2.7实现FTP文件下载功能
2018/04/15 Python
浅谈python的dataframe与series的创建方法
2018/11/12 Python
xadmin使用formfield_for_dbfield函数过滤下拉表单实例
2020/04/07 Python
如何用Anaconda搭建虚拟环境并创建Django项目
2020/08/02 Python
Debenhams百货英国官方网站:Debenhams UK
2016/07/12 全球购物
华为俄罗斯官方网上商城:购买Huawei手机和平板
2017/04/21 全球购物
俄罗斯便宜的在线服装商店:GroupPrice
2020/04/10 全球购物
小学家长评语大全
2014/04/16 职场文书
开工仪式策划方案
2014/05/23 职场文书
党员进社区活动总结
2015/05/07 职场文书
离婚起诉书范本
2015/05/18 职场文书
2016庆祝教师节新闻稿
2015/11/25 职场文书
Win11查看设备管理器
2022/04/19 数码科技