脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JS控制日期显示

JS控制日期显示的小例子

 更新时间：2013年11月23日 15:14:48   作者：  
这篇文章主要介绍了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;
 };//现在是<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);
 };
}

您可能感兴趣的文章:

相关文章

  • 很多人都是用下面的js刷新站IP和PV

    很多人都是用下面的js刷新站IP和PV

    有人用JS做网站跳转,也有人用很多其他作弊的方法,今天又发现有太多的人用这样的方法实现两个站的IP共享,把http://www.jb51.net替换成自己的站
    2008-09-09
  • 使用url-loader处理图片等资源文件的方法步骤

    使用url-loader处理图片等资源文件的方法步骤

    在Web开发中,处理图片、字体等资源文件是一个常见的需求,传统的做法是将这些资源文件放在静态目录中,然后在HTML或CSS中引用,然而,这种方法在构建工具（如Webpack）中并不总是最理想的,为了解决这个问题,可以使用url-loader,需要的朋友可以参考下
    2025-04-04
  • 一个可拖拽列宽表格实例演示

    一个可拖拽列宽表格实例演示

    本文将详细介绍一个可拖拽列宽表格实例,需要了解更多的朋友可以参考下
    2012-11-11
  • 原生JS实现层叠轮播图

    原生JS实现层叠轮播图

    这篇文章主要为大家详细介绍了原生JS层叠轮播图，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-05-05
  • js实现导入导出功能实例代码(FileSave.js)

    js实现导入导出功能实例代码(FileSave.js)

    这篇文章主要给大家介绍了关于js实现导入导出功能(FileSave.js)的相关资料,FileSaver.js是在客户端保存文件的解决方案,非常适合在客户端上生成文件的Web应用,需要的朋友可以参考下
    2023-11-11
  • JS实现滑动拼图验证功能完整示例

    JS实现滑动拼图验证功能完整示例

    这篇文章主要介绍了JS实现滑动拼图验证功能,结合完整实例形式分析了JS滑动拼图验证相关原理、实现步骤与操作注意事项,需要的朋友可以参考下
    2020-03-03
  • 前端图片懒加载的原理与3种实现方式举例

    前端图片懒加载的原理与3种实现方式举例

    图片懒加载又称图片延时加载、惰性加载,即在用户需要使用图片的时候加载,这样可以减少请求,节省带宽,提高页面加载速度,相对的,也能减少服务器压力,下面这篇文章主要给大家介绍了关于前端图片懒加载的原理与3种实现方式的相关资料,需要的朋友可以参考下
    2023-03-03
  • JS与jQuery实现子窗口获取父窗口元素值的方法

    JS与jQuery实现子窗口获取父窗口元素值的方法

    这篇文章主要介绍了JS与jQuery实现子窗口获取父窗口元素值的方法,涉及javascript与jQuery操作窗口元素的相关技巧,需要的朋友可以参考下
    2017-04-04
  • javascript 传统事件模型构造的事件监听器实现代码

    javascript 传统事件模型构造的事件监听器实现代码

    最近做东西需要添加大量的事件，而且要对所有事件进行比较细致的控制，于是便试着写了个事件监听器。
    2010-05-05
  • js 数组实现一个类似ruby的迭代器

    js 数组实现一个类似ruby的迭代器

    今天突然发现js的数组处理起来真是麻烦,代码一些就是一大堆,相比起ruby的迭代器来真是逊色不少。
    2009-10-10

最新评论