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 相关文章推荐
JQuery 获得绝对,相对位置的坐标方法
Feb 09 Javascript
JavaScript利用正则表达式去除日期中的-
Jun 09 Javascript
Javascript中3种实现继承的方法和代码实例
Aug 12 Javascript
JavaScript实现Iterator模式实例分析
Jun 09 Javascript
JavaScript中的定时器之Item23的合理使用
Oct 30 Javascript
Javascript实现图片轮播效果(二)图片序列节点的控制实现
Feb 17 Javascript
ionic进入多级目录后隐藏底部导航栏(tabs)的完美解决方案
Nov 23 Javascript
vue自定义filters过滤器
Apr 26 Javascript
jQuery easyui datagird编辑行删除行功能的实现代码
Sep 20 jQuery
jQuery轻量级表单模型验证插件
Oct 15 jQuery
jQuery+vue.js实现的多选下拉列表功能示例
Jan 15 jQuery
vue实现多条件和模糊搜索功能
May 28 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 include_path设置技巧分享
2011/07/03 PHP
php操作SVN版本服务器类代码
2011/11/27 PHP
php将url地址转化为完整的a标签链接代码(php为url地址添加a标签)
2014/01/17 PHP
浅析PHP程序设计中的MVC编程思想
2014/07/28 PHP
Add Formatted Text to a Word Document
2007/06/15 Javascript
基于jquery的使ListNav兼容中文首字拼音排序的实现代码
2011/07/10 Javascript
jQuery EasyUI API 中文文档 - EasyLoader 加载器
2011/09/29 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(五)可移动地图的实现
2013/01/23 Javascript
js动态添加事件并可传参数示例代码
2013/10/21 Javascript
JavaScript导出Excel实例详解
2014/11/25 Javascript
jQuery中hover方法和toggle方法使用指南
2015/02/27 Javascript
javascript中的Function.prototye.bind
2015/06/25 Javascript
JS与jQ读取xml文件的方法
2015/12/08 Javascript
Highcharts学习之坐标轴
2016/08/02 Javascript
基于MVC+EasyUI的web开发框架之使用云打印控件C-Lodop打印页面或套打报关运单信息
2016/08/29 Javascript
AngularJS入门教程一:路由用法初探
2017/05/27 Javascript
浅谈如何使用 webpack 优化资源
2017/10/20 Javascript
Vue.js 2.0和Cordova开发webApp环境搭建方法
2018/02/26 Javascript
微信小程序使用map组件实现检索(定位位置)周边的POI功能示例
2019/01/23 Javascript
[02:20]DOTA2亚洲邀请赛 IG战队出场宣传片
2015/02/07 DOTA
python k-近邻算法实例分享
2014/06/11 Python
Python 自动补全(vim)
2014/11/30 Python
python中时间、日期、时间戳的转换的实现方法
2019/07/06 Python
Python 离线工作环境搭建的方法步骤
2019/07/29 Python
HTML5实现晶莹剔透的雨滴特效
2014/05/14 HTML / CSS
Paradigit比利时电脑卖场:购买笔记本、电脑、平板和外围设备
2016/11/28 全球购物
SmartBuyGlasses德国:购买太阳镜和眼镜
2019/08/20 全球购物
包装类的功能、种类、常用方法
2012/01/27 面试题
关于VPN
2012/06/10 面试题
学生学习总结的自我评价
2013/10/22 职场文书
火车的故事教学反思
2014/02/11 职场文书
《七颗钻石》教学反思
2014/02/28 职场文书
没有孩子的离婚协议书怎么写
2014/09/17 职场文书
2015年财务人员个人工作总结
2015/07/27 职场文书
MySQL CHAR和VARCHAR该如何选择
2021/05/31 MySQL
Python实现智慧校园自动评教全新版
2021/06/18 Python