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 相关文章推荐
用javascript获得地址栏参数的两种方法
Nov 08 Javascript
Jquery+asp.net后台数据传到前台js进行解析的方法
May 11 Javascript
jQuery获取URL请求参数的方法
Jul 18 Javascript
js模仿java的Map集合详解
Jan 06 Javascript
bootstrap——bootstrapTable实现隐藏列的示例
Jan 14 Javascript
Vue.js结合bootstrap实现分页控件
Mar 10 Javascript
vue.js 获取当前自定义属性值
Jun 01 Javascript
ES6的解构赋值实例详解
May 06 Javascript
vue接入腾讯防水墙代码
May 07 Javascript
Vue项目实现简单的权限控制管理功能
Jul 17 Javascript
javascript实现贪吃蛇小练习
Jul 05 Javascript
一文搞懂redux在react中的初步用法
Jun 09 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
虹吸壶是谁发明的?煮出来的咖啡好喝吗
2021/03/04 冲泡冲煮
php调用mysql存储过程
2007/02/14 PHP
php实现的太平洋时间和北京时间互转的自定义函数分享
2014/08/19 PHP
静态html文件执行php语句的方法(推荐)
2016/11/21 PHP
用js怎么把&amp;字符换成&quot;&amp;amp:&quot;
2006/10/19 Javascript
JS trim去空格的最佳实践
2011/10/30 Javascript
兼容IE和Firefox火狐的上下、左右循环无间断滚动JS代码
2013/04/19 Javascript
如何使Chrome控制台支持多行js模式——意外发现
2013/06/13 Javascript
javascript full screen 全屏显示页面元素的方法
2013/09/27 Javascript
javascript:FF/Chrome与IE动态加载元素的区别说明
2014/01/26 Javascript
jQuery的3种请求方式$.post,$.get,$.getJSON
2014/03/28 Javascript
JQuery实现展开关闭层的方法
2015/02/17 Javascript
JS运动框架之分享侧边栏动画实例
2015/03/03 Javascript
jquery+css3实现会动的小圆圈效果
2016/01/27 Javascript
如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据(附源码下载)
2016/02/23 Javascript
js实现仿购物车加减效果
2017/03/01 Javascript
深入理解Angular4中的依赖注入
2017/06/07 Javascript
解决vue2.x中数据渲染以及vuex缓存的问题
2017/07/13 Javascript
关于react中组件通信的几种方式详解
2017/12/10 Javascript
JavaScript实现短暂提示框功能
2018/04/04 Javascript
vue里input根据value改变背景色的实例
2018/09/29 Javascript
在NPM发布自己造的轮子的方法步骤
2019/03/09 Javascript
介绍Python中的fabs()方法的使用
2015/05/14 Python
python简易远程控制单线程版
2018/06/20 Python
Flask框架重定向,错误显示,Responses响应及Sessions会话操作示例
2019/08/01 Python
浅析PyTorch中nn.Module的使用
2019/08/18 Python
scrapy实践之翻页爬取的实现
2021/01/05 Python
浅析CSS3 用text-overflow解决文字排版问题
2020/10/28 HTML / CSS
酒店值班经理的工作职责范本
2014/02/18 职场文书
目标管理责任书
2014/04/15 职场文书
迎七一演讲稿
2014/09/12 职场文书
大三学年自我鉴定范文(3篇)
2014/09/28 职场文书
构建和谐校园倡议书
2015/01/19 职场文书
检举信的写法
2019/04/10 职场文书
总结Pyinstaller打包的高级用法
2021/06/28 Python
聊聊CSS粘性定位sticky案例解析
2022/06/01 HTML / CSS