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定义一个类
Sep 12 Javascript
实现音乐播放器的代码(html5+css3+jquery)
Aug 04 Javascript
12种JavaScript常用的MVC框架比较分析
Nov 16 Javascript
学习JavaScript设计模式(代理模式)
Dec 03 Javascript
深入浅析Node.js 事件循环
Dec 20 Javascript
JavaScript简单生成 N~M 之间随机数的方法
Jan 13 Javascript
JS获取字符对应的ASCII码实例
Sep 10 Javascript
使用D3.js创建物流地图的示例代码
Jan 27 Javascript
JS实现生成由字母与数字组合的随机字符串功能详解
May 25 Javascript
javascript少儿编程关于返回值的函数内容
May 27 Javascript
微信小程序实现上传word、txt、Excel、PPT等文件功能
May 23 Javascript
vue组件内部引入外部js文件的方法
Jan 18 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
Yii2使用小技巧之通过 Composer 添加 FontAwesome 字体资源
2014/06/22 PHP
php删除左端与右端空格的方法
2014/11/29 PHP
使用php实现网站验证码功能【推荐】
2017/02/09 PHP
PHP设计模式之适配器模式定义与用法详解
2018/04/03 PHP
PHP生成推广海报的方法分享
2018/04/22 PHP
Firefox getBoxObjectFor getBoundingClientRect联系
2008/10/26 Javascript
kmock javascript 单元测试代码
2011/02/06 Javascript
在百度知道团队中快速审批新成员的js脚本
2014/02/02 Javascript
js判断横竖屏及禁止浏览器滑动条示例
2014/04/29 Javascript
Javascript实现鼠标右键特色菜单
2015/08/04 Javascript
javascript结合Flexbox简单实现滑动拼图游戏
2016/02/18 Javascript
利用Vue.js实现checkbox的全选反选效果
2017/01/18 Javascript
vue v-model表单控件绑定详解
2017/05/17 Javascript
动态加载、移除js/css文件的示例代码
2018/03/20 Javascript
在Layui中操作数据表格,给指定单元格添加事件示例
2019/10/26 Javascript
基于JS实现视频上传显示进度条
2020/05/12 Javascript
[14:00]DOTA2国际邀请赛史上最长大战 赛后专访B神
2013/08/10 DOTA
Python开发的单词频率统计工具wordsworth使用方法
2014/06/25 Python
python队列queue模块详解
2018/04/27 Python
python框架中flask知识点总结
2018/08/17 Python
Python协程操作之gevent(yield阻塞,greenlet),协程实现多任务(有规律的交替协作执行)用法详解
2019/10/14 Python
Python3 使用selenium插件爬取苏宁商家联系电话
2019/12/23 Python
python 解决pycharm运行py文件只有unittest选项的问题
2020/09/01 Python
Django-simple-captcha验证码包使用方法详解
2020/11/28 Python
英国安全产品购物网站:The Safe Shop
2017/03/20 全球购物
Origins悦木之源香港官网:雅诗兰黛集团高端植物护肤品牌
2018/03/21 全球购物
开普敦通行证:Cape Town Pass
2019/07/18 全球购物
Ajax实现页面无刷新留言效果
2021/03/24 Javascript
大学生思想汇报范文
2013/12/31 职场文书
物理学专业自荐信
2014/06/11 职场文书
公司自我介绍演讲稿
2014/08/21 职场文书
2016庆祝教师节新闻稿
2015/11/25 职场文书
python Polars库的使用简介
2021/04/21 Python
python中pandas对多列进行分组统计的实现
2021/06/18 Python
Redis集群的关闭与重启操作
2021/07/07 Redis
利用Redis实现点赞功能的示例代码
2022/06/28 Redis