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 相关文章推荐
Jqyery中同等与js中windows.onload的应用
May 10 Javascript
jQuery怎么解析Json字符串(Json格式/Json对象)
Aug 09 Javascript
使用jQuery避免鼠标双击的解决方案
Aug 21 Javascript
读取input:file的路径并显示本地图片的方法
Sep 23 Javascript
获取下拉列表框的值是数组,split,$.inArray示例
Nov 13 Javascript
iScroll.js 使用方法参考
May 16 Javascript
JS简单实现tab切换效果的多窗口显示功能
Sep 07 Javascript
JS排序之选择排序详解
Apr 08 Javascript
利用node.js如何搭建一个简易的即时响应服务器
May 28 Javascript
深入探究AngularJs之$scope对象(作用域)
Jul 20 Javascript
React中如何引入Angular组件详解
Aug 09 Javascript
vue.js引入外部CSS样式和外部JS文件的方法
Jan 06 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
2019十大人气国漫
2020/03/13 国漫
PHP 防恶意刷新实现代码
2010/05/16 PHP
PHP语言中global和$GLOBALS[]的分析 之二
2012/02/02 PHP
显示youtube视频缩略图和Vimeo视频缩略图代码分享
2014/02/13 PHP
JS如何判断移动端访问设备并解析对应CSS
2013/11/27 Javascript
Javascript 浮点运算精度问题分析与解决
2014/03/26 Javascript
JavaScript搜索字符串并将搜索结果返回到字符串的方法
2015/04/06 Javascript
js实现登陆遮罩效果的方法
2015/07/28 Javascript
JS模仿编辑器实时改变文本框宽度和高度大小的方法
2015/08/17 Javascript
jquery图片滚动放大代码分享(1)
2015/08/25 Javascript
举例讲解如何判断JavaScript中对象的类型
2016/04/22 Javascript
AngularJS开发教程之控制器之间的通信方法分析
2016/12/25 Javascript
详解vue-cli3使用
2018/08/14 Javascript
VUE:vuex 用户登录信息的数据写入与获取方式
2019/11/11 Javascript
js实现表单项的全选、反选及删除操作示例
2020/06/05 Javascript
python中lambda函数 list comprehension 和 zip函数使用指南
2014/09/28 Python
Python求解平方根的方法
2015/03/11 Python
pandas数据框,统计某列数据对应的个数方法
2018/04/11 Python
Django如何实现上传图片功能
2019/08/16 Python
python 实现按对象传值
2019/12/26 Python
Python实现CNN的多通道输入实例
2020/01/17 Python
python3连接mysql获取ansible动态inventory脚本
2020/01/19 Python
Python pymsql模块的使用
2020/09/07 Python
基于 Python 实践感知器分类算法
2021/01/07 Python
python如何发送带有附件、正文为HTML的邮件
2021/02/27 Python
美国优质宠物用品购买网站:Muttropolis
2020/02/17 全球购物
个人职业生涯规划书1500字
2013/12/31 职场文书
八年级语文教学反思
2014/02/11 职场文书
大学军训感言800字
2014/02/27 职场文书
投资合作协议书范本
2014/04/17 职场文书
公司合作意向书范文
2014/07/30 职场文书
2014优秀大学生简历自我评价
2014/09/15 职场文书
体育运动会广播稿
2014/10/05 职场文书
小学新教师个人总结
2015/02/05 职场文书
MySQL学习总结-基础架构概述
2021/04/05 MySQL
六种css3实现的边框过渡效果
2021/04/22 HTML / CSS