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 相关文章推荐
经常用到的JavasScript事件的翻译
Apr 09 Javascript
javascript函数库-集合框架
Apr 27 Javascript
js图片向右一张张滚动效果实例代码
Nov 23 Javascript
基于jQuery实现的双11天猫拆红包抽奖效果
Dec 01 Javascript
AngularJS 指令详细介绍
Jul 27 Javascript
实例解析jQuery工具函数
Dec 01 Javascript
JS实现颜色动态淡化效果
Mar 06 Javascript
Vue 过滤器filters及基本用法
Dec 26 Javascript
浅谈react-router HashRouter和BrowserRouter的使用
Dec 29 Javascript
JavaScript Tab菜单实现过程解析
May 13 Javascript
js实现验证码功能
Jul 24 Javascript
JS实现页面侧边栏效果探究
Jan 08 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设计聊天室步步通
2006/10/09 PHP
PHP时间格式控制符对照表分享
2013/07/23 PHP
采用header定义为文件然后readfile下载(隐藏下载地址)
2014/01/31 PHP
PHP strtotime函数用法、实现原理和源码分析
2015/02/04 PHP
PHP观察者模式实例分析【对比JS观察者模式】
2019/05/22 PHP
深入理解JavaScript系列(3) 全面解析Module模式
2012/01/15 Javascript
Extjs4中tree的拖拽功能(可以两棵树之间拖拽) 简单实例
2013/12/08 Javascript
借助FileReader实现将文件编码为Base64后通过AJAX上传
2015/12/24 Javascript
详解微信小程序 页面跳转 传递参数
2016/12/08 Javascript
微信小程序实战之轮播图(3)
2017/04/17 Javascript
VSCode配置react开发环境的步骤
2017/12/27 Javascript
使用淘宝镜像cnpm安装Vue.js的图文教程
2018/05/17 Javascript
JavaScript防止全局变量污染的方法总结
2018/08/02 Javascript
Javascript读写cookie的实例源码
2019/03/16 Javascript
JS算法题之查找数字在数组中的索引位置
2019/05/15 Javascript
回顾Javascript React基础
2019/06/15 Javascript
python类参数self使用示例
2014/02/17 Python
python解析xml文件实例分析
2015/05/27 Python
python获取list下标及其值的简单方法
2016/09/12 Python
Python连接phoenix的方法示例
2017/09/29 Python
Python3.6连接Oracle数据库的方法详解
2018/05/18 Python
django 在原有表格添加或删除字段的实例
2018/05/27 Python
更换Django默认的模板引擎为jinja2的实现方法
2018/05/28 Python
利用python求积分的实例
2019/07/03 Python
pandas 像SQL一样使用WHERE IN查询条件说明
2020/06/05 Python
浅析Python 条件控制语句
2020/07/15 Python
scrapy与selenium结合爬取数据(爬取动态网站)的示例代码
2020/09/28 Python
python可视化分析的实现(matplotlib、seaborn、ggplot2)
2021/02/03 Python
python 30行代码实现蚂蚁森林自动偷能量
2021/02/08 Python
Amaze UI 文件选择域的示例代码
2020/08/26 HTML / CSS
什么是"引用"?申明和使用"引用"要注意哪些问题?
2016/03/03 面试题
How to spawning asynchronous work in J2EE
2016/08/29 面试题
党员违纪检讨书
2015/05/05 职场文书
心理健康教育主题班会
2015/08/13 职场文书
Python预测分词的实现
2021/06/18 Python
浅谈JavaScript作用域
2021/12/06 Javascript