js怎样获取系统的当前时间

JavaScript被用于浏览器中设置网页的特效以及交互,今天咪咪我就来分享一下js怎样获取系统的当前时间。

操作方法

  • 01

    首先,在HTML页面进行如下设置,一个div用来显示当前时间,一个按钮用于获取时间,这里我给div添加了一个id,方便对这个div进行操作。

  • 02

    接着开始写JavaScript脚本,自定义一个获取时间的函数,函数名我就缩写为ct,意为currenttime,你也可以自己取名。

  • 03

    然后我们再定义一个变量ct,然后使用new Date()方法来获取系统的时间,并把获取的时间赋值给ct变量。

  • 04

    系统时间获取到了以后,需要把它转换为常用的时间格式,如图 ,分别定义变量,然后使用getFullyear(),getMonth (),getDate()等方法进行转换,注意 ,getMonth方法要加1,因为获取的月份是从0开始的,这样,我们就得到了年月天,时分秒了 。

  • 05

    接着我们再获取到div元素,然后赋值给一个变量,如图,我是通过getElementById的方法获取的,这也是第一步时我给div添加id的 缘故。

  • 06

    接着 ,我们把获取到的年月天,时分秒拼接起来,加上文字。然后把它们放到div的innerHTML里面就可以了。

  • 07

    最后,把自定义的获取时间函数绑定给按钮就可以了 。

  • 08

    接着打开浏览器,点击按钮之后,获取到的系统时间就会显示在div里面了哦,快去动手练一练吧!

(0)

相关推荐

  • Dos下获取系统时间的代码

    dos下获取系统时间的实现代码,需要的朋友可以参考下 复制代码 代码如下: rem DOS get current time rem ======================= rem get y ...

  • 获取系统当前时间

    java如何获取系统当前时间 操作方法 01 获取当前系统时间和日期并格式化输出: import java.util.Date;import java.text.SimpleDateFormat; p ...

  • linux中通过date命令获取昨天或明天时间的方法

    例如: 复制代码 代码如下: date +"%F" 输出格式:2011-12-31</p><p>date +"%F %H:%M:%S" 输出格式:2011-12-31 16:2 ...

  • 巧设键值使启动Vista电脑后显示上次进入系统的登录时间

    Vista操作系统中,如果想开启电脑后显示上次进入系统的登录时间,该怎么做啊? 一是自己有时候可能用到,二是如果自己的电脑被不信任的用过也方便检查,其实要实现这个,还是很简单的。 Vista在“开 ...

  • win9什么时候出?win9系统下载发布时间曝光

    win9系统什么时候出?有媒体曝光了win9系统下载发布时间,win8.1已经与我们见面了,可惜还是没有开始菜单,那么win9会不会重新加入呢?让我们通过下文了解详情吧。 消息人士透露,微软定于今年第 ...

  • 进入系统后长时间无反应

    进入系统后长时间无反应 症状:启动刚进入系统界面时,点什么都打不开,要等一分钟左右才能打开。 解决办法: 一、首先,请升级杀毒软件的病毒库,全面杀毒,以排除病毒原因。 二、开始→运行,输入msconf ...

  • Win7系统电脑同步时间服务器设置方法

    在Win7系统中我们可以通过启用时间自动同步功能来确保时间走时准确,下面系小编就为大家介绍一下Win7系统电脑同步时间服务器设置方法。 1.首先,我们鼠标右键点击任务栏中的时间位置,然后点击"更改日期 ...

  • 设置windows7系统桌面日期时间显示的方法

    前不久给爸妈下载了一个win7系统,然后安装好了。他们很快爱上了Win7系统漂亮的界面和轻松的操控,会了不少Win7系统的应用技巧,比如用Win7小工具轻松看时差啦、用Win7计算器计算春节有多远啊、 ...

  • Win8系统如何设置时间自动同步

    电脑时间或日期不对一般都会手动去修改,在前面的教程中也给大家分享过win7 64位旗舰版系统更改时间和日期设置方法,除此之外,其实我们还可以对系统时间进行设置自动同步,这样可以让时间更加准确,下面给大 ...