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 避免闭包引发的问题
Mar 17 Javascript
js DOM模型操作
Dec 28 Javascript
js Dialog 实践分享
Oct 22 Javascript
jQuery之折叠面板的深入解析
Jun 19 Javascript
自动设置iframe大小的jQuery代码
Sep 11 Javascript
Javascript call和apply区别及使用方法
Nov 14 Javascript
javascript 四十条常用技巧大全
Sep 09 Javascript
JS控制TreeView的结点选择
Nov 11 Javascript
vue之数据交互实例代码
Jun 20 Javascript
JS中this的指向以及call、apply的作用
May 06 Javascript
JointJS流程图的绘制方法
Dec 03 Javascript
javascript使用canvas实现饼状图效果
Sep 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学习之php4与php5之间会穿梭一点点感悟
2007/05/03 PHP
php中动态修改ini配置
2014/10/14 PHP
php如何连接sql server
2015/10/16 PHP
php5.2的curl-bug 服务器被php进程卡死问题排查
2016/09/19 PHP
利用phpexcel对数据库数据的导入excel(excel筛选)、导出excel
2017/04/27 PHP
Add a Table to a Word Document
2007/06/15 Javascript
qTip2 精致的基于jQuery提示信息插件
2012/02/17 Javascript
js 利用image对象实现图片的预加载提高访问速度
2013/03/29 Javascript
js实现仿Windows风格选项卡和按钮效果实例
2015/05/13 Javascript
浅析Node.js的Stream模块中的Readable对象
2015/07/29 Javascript
JavaScript实现点击按钮就复制当前网址
2015/12/14 Javascript
12个非常实用的JavaScript小技巧【推荐】
2016/05/18 Javascript
微信小程序 火车票查询实例讲解
2016/10/17 Javascript
javascript中setAttribute兼容性用法分析
2016/12/12 Javascript
Node.js利用console输出日志文件的方法示例
2018/04/27 Javascript
jQuery实现简单复制json对象和json对象集合操作示例
2018/07/09 jQuery
基于js Canvas实现二次贝塞尔曲线
2018/12/25 Javascript
vue-simple-uploader上传成功之后的response获取代码
2020/09/07 Javascript
原生js实现滑块区间组件
2021/01/20 Javascript
[02:32]DOTA2完美大师赛场馆静安体育中心观赛全攻略
2017/11/08 DOTA
利用Python实现简单的相似图片搜索的教程
2015/04/23 Python
python开发中module模块用法实例分析
2015/11/12 Python
通过cmd进入python的实例操作
2019/06/26 Python
python 按钮点击关闭窗口的实现
2020/03/04 Python
python库skimage给灰度图像染色的方法示例
2020/04/27 Python
Django 允许局域网中的机器访问你的主机操作
2020/05/13 Python
Python切片列表字符串如何实现切换
2020/08/06 Python
用HTML5制作一个简单的桌球游戏的教程
2015/05/12 HTML / CSS
电力公司个人求职信范文
2014/02/04 职场文书
工程专业求职自荐书范文
2014/02/08 职场文书
舞蹈专业大学生职业规划范文
2014/03/12 职场文书
合作经营协议书范本
2014/09/16 职场文书
2014年终工作总结范本
2014/12/15 职场文书
酒店前台辞职书
2015/02/26 职场文书
求职简历自我评价范文
2015/03/10 职场文书
2015年转正工作总结范文
2015/04/02 职场文书