`

js 获取本地服务器时间并显示

阅读更多

     最近做项目中遇到的问题,在前台页面显示本地服务器时间。

     多话不说,上代码。

     以下是总结的通用clock.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;
    };
   
    this.toSimpleDate = function() {
        return this.year + "-" + this.month + "-" + this.date;
    };
   
    this.toDetailDate = function() {
        return this.year + "-" + this.month + "-" + this.date + " " + this.hour + ":" + this.minute + ":" + this.second;
    };
   
    this.display = function() {
        var clock = new Clock();
        $("#dvSystemTime").html(clock.toString());//clock.toString();
        window.setTimeout(function() {clock.display();}, 1000);
    };

 

   使用方法如下:

  var clock = new Clock();

 <div id="dvSystemTime" style="float:right;margin-right:40px;">'+clock.display()+'</div>';
}

0
1
分享到:
评论

相关推荐

    js获取服务器的时间(不是本地时间哦)

    想要知道对方的服务器时间怎么办?这段代码就可以轻松实现啦。在chrome的console中输出这段代码就会返回一个时间,是服务器时间哦!

    js获取页面上的时间和当前时间进行比较判断

    ### JS 获取页面上的时间和当前时间进行比较判断 在前端开发中,经常需要处理与时间相关的逻辑,例如验证...以上就是关于如何使用JavaScript获取页面上的时间和当前时间进行比较判断的详细介绍,希望对大家有所帮助。

    js服务器时间转本地时间

    该资源适用于不同时区的用户访问网站时,通过jquery插件将服务器时间转为用户本地时间。 演示:http://www.westyu.com/tools/local_time.php 只适合当网页加载完后进行时间的转换,如果需要ajax返回数据时间进行转换...

    Js获取系统时间和获取本地IP

    Js 获取系统时间和获取...Js 获取系统时间和获取本地IP 是两个不同的概念,Js 获取系统时间是指在 JavaScript 中获取当前系统的时间,而获取本地IP 是指获取当前客户端的 IP 地址。两者都可以使用不同的方法来实现。

    js读取本地图片进行预览,上传服务器

    首先,`js读取本地图片进行预览`涉及到HTML5的File API。File API允许JavaScript直接操作用户的文件,包括读取文件内容。当用户选择一个文件后,可以通过`&lt;input type="file"&gt;`元素的`change`事件获取选中的文件对象...

    javascript 读取本地文件

    在探讨“JavaScript读取本地文件”的主题时,我们主要聚焦于如何利用JavaScript在浏览器环境中读取用户计算机上的本地文件。这种功能在很多场景下都极为有用,比如在上传文件前预览其内容、数据导入导出操作等。下面...

    js读取本地文件到字节数组

    本文将详细介绍如何使用JavaScript来读取本地文件并将其转换为字节数组。 #### 基本原理 在现代浏览器中,`FileReader` API 提供了读取文件的能力。它支持多种格式的数据读取,其中一种就是将文件内容读取为字节...

    js获取系统当前时间

    使用JavaScript获取当前日期和时间 在提供的代码示例中,主要通过`new Date()`来创建一个新的`Date`对象,该对象表示当前的日期和时间。然后通过一系列的方法来获取年份、月份、日期等具体信息。 #### `new Date...

    js读取本地文件

    在ie下可以读取任意盘的文件夹和文件,目前只兼容IE6+的浏览器 只能本地运行。...如果放到服务器上 js 文件将会报错automation 服务器不能创建对象 解决方案:点击“开始→运行”并输入“regsvr32 scrrun.dll”

    在html页面使用JavaScript实行文件上传到本地服务器并获取文件所在路径

    使用JavaScript实现文件上传到本地服务器并获取到上传后文件所在路径,是由到JavaScript,java以及html页面。这个比较好,不是在jsp上获取路径,jsp太简单了,而且过时了,所以就在html页面实现了下功能,我主要是做...

    Js获取当前日期时间及格式化代码

    描述中的知识点:介绍了如何使用JavaScript(Js)获取当前的日期和时间,并提供了一个格式化日期时间的代码示例。 标签中的知识点:涉及到Js在获取日期时间方面相关的几个关键功能和方法,包括获取年份、月份、日、...

    c sharp 网站 显示服务器时间和本地时间,显示值班人员

    在C#中构建一个网站,显示服务器时间和本地时间,并实现值班人员信息的展示,涉及到的知识点包括Web开发基础、C#编程、JavaScript交互以及Ajax异步通信。以下是对这些技术的详细阐述: 1. **Web开发基础**: Web...

    Html读取本地文件夹下图片并显示的示例代码

    在Html上选择本地文件夹,自动读取文件夹及子文件夹下的所有图片并显示在页面。 技术分析: 存在问题 Html中file标签获取到的路径时相对的。 Html中Img指定源时需要的是绝对路径。 解决方法: 调用Web API接口...

    js动态显示系统当前时间

    打开这个文件,浏览器将根据用户的本地时间显示动态更新的时间。请注意,由于JavaScript是在客户端运行的,因此显示的时间将是用户设备上的时间,而非服务器时间。 总结来说,JavaScript的`Date`对象和相关方法是...

    AJAX实现读取本地文本文档内容并展示在网页上

    总结起来,通过结合HTML5的File API和JavaScript,我们可以实现AJAX的类似效果,读取本地文本文档并在网页上显示其内容。这种方法在现代Web应用中被广泛采用,尤其是涉及到用户上传文件或者实时编辑预览的场景。

    js获取当前时间yyyy-mm-dd-hh-mm-ss

    在JavaScript中,获取当前时间并以“yyyy-mm-dd-hh-mm-ss”的格式展示是一项常见的任务,这在处理日期和时间的前端应用中非常常见。本文将深入探讨如何使用JavaScript来实现这一功能,并提供相关代码示例。 ...

    JS 获取当前的时间

    在这个例子中,JavaScript获取了当前时间并将其显示在页面的`&lt;h1&gt;`元素中,提供了一种直观的用户界面。 总的来说,JavaScript通过Date对象提供了丰富的功能来处理日期和时间,无论是获取特定部分,还是格式化输出,...

    html+js实现动态显示本地时间

    ### 实现动态时间显示的代码解析 通过HTML和JavaScript,我们可以编写出简单的代码来实现动态显示本地时间。 - HTML部分定义了一个`&lt;h1&gt;`标签,其ID为`time`,它将被用来显示时间。另外,一个`&lt;span&gt;`标签被用来...

Global site tag (gtag.js) - Google Analytics