JS使用Date对象实时显示当前系统时间简单示例


Posted in Javascript onAugust 23, 2018

本文实例讲述了JS使用Date对象实时显示当前系统时间的方法。分享给大家供大家参考,具体如下:

JS中包含Date对象,其提供了一些方法获取系统日期,直接上代码:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>3water.com 获取系统时间</title>
    <script language="JavaScript">
      function realSysTime(clock) {
        var now = new Date();
        var year = now.getFullYear(); //获取年份
        var month = now.getMonth(); //获取月份
        var date = now.getDate(); //获取日期
        var day = now.getDay(); //获取星期
        var hour = now.getHours(); //获取小时
        var minute = now.getMinutes(); //获取分钟
        var seconds = now.getSeconds(); //获取秒
        month = month + 1;
        var arr_week = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
        var week = arr_week[day];
        var time = year + "年" + month + "月" + date + "日 " + week + " " + hour + ":" + minute + ":" + seconds;
        clock.innerHTML = "当前时间:" + time;
      }
      function show() {
        window.setInterval("realSysTime(clock)", 1000);
      }
    </script>
  </head>
    <body>
        <div id='clock'></div>
        <script> 
        window.onload=show()
        </script>
    </body>
</html>

使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试运行结果如下:

JS使用Date对象实时显示当前系统时间简单示例

Javascript 相关文章推荐
判断是否输入完毕再激活提交按钮
Jun 26 Javascript
DOM精简教程
Oct 03 Javascript
jQuery select的操作实现代码
May 06 Javascript
如何让页面在打开时自动刷新一次让图片全部显示
Dec 17 Javascript
jquery向上向下取整适合分页查询
Sep 06 Javascript
一个JavaScript操作元素定位元素的实例
Oct 29 Javascript
jquery中object对象循环遍历的方法
Dec 18 Javascript
利用jQuery实现打字机字幕效果实例代码
Sep 02 Javascript
js中动态创建json,动态为json添加属性、属性值的实例
Dec 02 Javascript
js 获取图像缩放后的实际宽高,位置等信息
Mar 07 Javascript
详解如何使用Node.js编写命令工具——以vue-cli为例
Jun 29 Javascript
深入探究node之Transform
Jul 20 Javascript
React key值的作用和使用详解
Aug 23 #Javascript
vue项目中使用lib-flexible解决移动端适配的问题解决
Aug 23 #Javascript
从零开始学习搭建React脚手架项目
Aug 23 #Javascript
angular2 ng2-file-upload上传示例代码
Aug 23 #Javascript
Angular angular-file-upload文件上传的示例代码
Aug 23 #Javascript
JS实现的简单分页功能示例
Aug 23 #Javascript
JavaScript实用代码小技巧
Aug 23 #Javascript
You might like
通过对php一些服务器端特性的配置加强php的安全
2006/10/09 PHP
如何在PHP程序中防止盗链
2008/04/09 PHP
PHP 文件上传全攻略
2010/04/28 PHP
PHP时间戳格式全部汇总 (获取时间、时间戳)
2016/06/13 PHP
YII框架关联查询操作示例
2019/04/29 PHP
判断JavaScript对象是否可用的最正确方法分析
2008/10/03 Javascript
prototype Element学习笔记(篇二)
2008/10/26 Javascript
JS 实现导航栏悬停效果(续2)
2013/09/24 Javascript
php析构函数的具体用法小结
2014/03/11 Javascript
vue router下的html5 history在iis服务器上的设置方法
2017/10/18 Javascript
vue jsx 使用指南及vue.js 使用jsx语法的方法
2017/11/11 Javascript
v-slot和slot、slot-scope之间相互替换实例
2020/09/04 Javascript
JavaScript构造函数原理及实现流程解析
2020/11/19 Javascript
python将多个文本文件合并为一个文本的代码(便于搜索)
2011/03/13 Python
使用Python的Twisted框架编写简单的网络客户端
2015/04/16 Python
python、java等哪一门编程语言适合人工智能?
2017/11/13 Python
python编写分类决策树的代码
2017/12/21 Python
Python 获得命令行参数的方法(推荐)
2018/01/24 Python
Linux下安装python3.6和第三方库的教程详解
2018/11/09 Python
Python从Excel中读取日期一列的方法
2018/11/28 Python
Python自定义一个异常类的方法
2019/06/27 Python
python模块常用用法实例详解
2019/10/17 Python
django之从html页面表单获取输入的数据实例
2020/03/16 Python
美国领先的精品家居照明和装饰产品在线零售商:LightsOnline.com
2018/01/23 全球购物
Supersmart英国:欧洲市场首批食品补充剂供应商之一
2018/05/05 全球购物
爱尔兰旅游网站:ebookers.ie
2020/01/24 全球购物
服装机修工岗位职责
2013/12/26 职场文书
幼教毕业生自我鉴定
2014/01/12 职场文书
机关单位动员会主持词
2014/03/20 职场文书
宣传普通话标语
2014/06/27 职场文书
民事赔偿协议书
2014/11/02 职场文书
公司财务经理岗位职责
2015/04/08 职场文书
销售督导岗位职责
2015/04/10 职场文书
Python 流媒体播放器的实现(基于VLC)
2021/04/28 Python
如何在向量化NumPy数组上进行移动窗口
2021/05/18 Python
《异世界四重奏》剧场版6月10日上映 PV视觉图原创角色发表
2022/03/20 日漫