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 相关文章推荐
HTML TO JavaScript 转换
Jun 26 Javascript
在 IE 中调用 javascript 打开 Excel 表
Dec 21 Javascript
JavaScript 克隆数组最简单的方法
Feb 12 Javascript
关于document.cookie的使用javascript
Oct 29 Javascript
使用js判断当前时区TimeZone是否是夏令时
Feb 23 Javascript
详解JavaScript中的4种类型识别方法
Sep 14 Javascript
javascript实现添加附件功能的方法
Nov 18 Javascript
干货!教大家如何选择Vue和React
Mar 13 Javascript
Vue.js事件处理器与表单控件绑定详解
Mar 20 Javascript
Angular 项目实现国际化的方法
Jan 08 Javascript
手把手教你 CKEDITOR 4 实现Dialog 内嵌 IFrame操作详解
Jun 18 Javascript
JS+CSS+HTML实现“代码雨”类似黑客帝国文字下落效果
Mar 17 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&amp;java(二)
2006/10/09 PHP
ADODB类使用
2006/11/25 PHP
php递归列出所有文件和目录的代码
2008/09/10 PHP
php中强制下载文件的代码(解决了IE下中文文件名乱码问题)
2011/05/09 PHP
php结合ajax实现赞、顶、踩功能实例
2014/05/12 PHP
jquery tab插件精简版分享
2011/09/10 Javascript
stream.js 一个很小、完全独立的Javascript类库
2011/10/28 Javascript
IE下使用cloneNode注意事项分享
2012/11/22 Javascript
js post提交调用方法
2014/02/12 Javascript
JavaScript截取字符串的Slice、Substring、Substr函数详解和比较
2014/03/20 Javascript
分享一则JavaScript滚动条插件源码
2015/03/03 Javascript
js实现的全国省市二级联动下拉选择菜单完整实例
2015/08/17 Javascript
Vue.js第三天学习笔记(计算属性computed)
2016/12/01 Javascript
$.browser.msie 为空或不是对象问题的多种解决方法
2017/03/19 Javascript
微信小程序实现人脸识别
2018/05/25 Javascript
解决layer.confirm快速点击会重复触发事件的问题
2019/09/23 Javascript
Python实现采用进度条实时显示处理进度的方法
2017/12/19 Python
PyQt4编程之让状态栏显示信息的方法
2019/06/18 Python
pyqt5 使用cv2 显示图片,摄像头的实例
2019/06/27 Python
Python文件读写w+和r+区别解析
2020/03/26 Python
学习Python爬虫的几点建议
2020/08/05 Python
使用Python Tkinter实现剪刀石头布小游戏功能
2020/10/23 Python
基于Python的身份证验证识别和数据处理详解
2020/11/14 Python
Stuart Weitzman美国官网:美国奢华鞋履品牌
2016/08/18 全球购物
德国珠宝和手表在线商店:VALMANO
2019/03/24 全球购物
应届生求职简历的自我评价怎么写
2013/10/23 职场文书
实习生个人的自我评价
2013/12/08 职场文书
师说教学反思
2014/02/07 职场文书
交通事故私了协议书
2014/04/16 职场文书
小鞋子观后感
2015/06/05 职场文书
工作会议简报
2015/07/20 职场文书
2016小学教师读书心得体会
2016/01/13 职场文书
60句有关成长的名言
2019/09/04 职场文书
Python自然语言处理之切分算法详解
2021/04/25 Python
SQL SERVER实现连接与合并查询
2022/02/24 SQL Server
Apache Hudi 加速传统的批处理模式
2022/04/24 Servers