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

相关文章

  • JavaScript 文件优化全面指南

    JavaScript 文件优化全面指南

    本文将探讨实用的 JavaScript 文件优化技术、如何处理与 JavaScript 文件相关的性能问题以及帮助优化过程的工具,你将获得提升web应用程序速度的相关知识,从而为你的用户提供无缝体验
    2023-12-12
  • layui监听下拉选框选中值变化的方法(包含监听普通下拉选框)

    layui监听下拉选框选中值变化的方法(包含监听普通下拉选框)

    今天小编大家分享一篇layui监听下拉选框选中值变化的方法(包含监听普通下拉选框),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • javascript前端和后台进行数据交互方法示例

    javascript前端和后台进行数据交互方法示例

    这篇文章主要介绍了javascript前端和后台进行数据交互方法示例,文章通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-08-08
  • 浅谈JavaScript中指针和地址

    浅谈JavaScript中指针和地址

    Javascript是一门基于对象的动态语言,也就是说,所有东西都是对象,一个很典型的例子就是函数也被视为普通的对象。Javascript可以通过一定的设计模式来实现面向对象的编程,其中this指针就是实现面向对象的一个很重要的特性。
    2015-07-07
  • 分享javascript、jquery实用代码段

    分享javascript、jquery实用代码段

    这篇文章主要为大家分享了javascript、jquery实用代码段,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • javascript中callee与caller的用法和应用场景

    javascript中callee与caller的用法和应用场景

    javascript中callee和caller的用法和应用场景分析,需要的朋友可以参考下。
    2010-12-12
  • JavaScript跨平台的开源框架NativeScript

    JavaScript跨平台的开源框架NativeScript

    本文给大家分享的是一款使用javascript来构建跨平台原生移动应用的开源框架--NativeScript,可以使用JavaScript开发跨平台、真正原生的iOS, Android 和 Windows 移动App。开发人员使用NativeScript提供的库来构建应用UI,其抽象了各种原生平台之间的不同。
    2015-03-03
  • 使用javascript实现页面定时跳转总结篇

    使用javascript实现页面定时跳转总结篇

    下面对使用JavaScript实现页面定时跳转做一下总结,各种定时跳转代码记录如下,希望对大家有所帮助
    2013-09-09
  • JavaScript对JSON数组简单排序操作示例

    JavaScript对JSON数组简单排序操作示例

    这篇文章主要介绍了JavaScript对JSON数组简单排序操作,结合实例形式分析了javascript使用sort()方法针对json数组元素排序的相关操作技巧与注意事项,需要的朋友可以参考下
    2019-01-01
  • 拖动布局之保存布局页面cookies篇

    拖动布局之保存布局页面cookies篇

    拖动后怎么把布局结果保存呢??我开始考虑是记录每个拖动对象的的坐标,可做起来我感觉好麻烦,所以就没有采用这种方法。
    2010-10-10

最新评论