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 06 Javascript
javascript获取所有同类checkbox选项(实例代码)
Nov 07 Javascript
JS实现局部选择打印和局部不选择打印
Apr 03 Javascript
Javascript 拖拽雏形中的一些问题(逐行分析代码,让你轻松了拖拽的原理)
Jan 23 Javascript
Javascript动画的实现原理浅析
Mar 02 Javascript
简单实现JavaScript图片切换效果
Nov 28 Javascript
利用JS实现文字的聚合动画效果
Jan 22 Javascript
JS正则表达式完美实现身份证校验功能
Oct 18 Javascript
通过jquery获取上传文件名称、类型和大小的实现代码
Apr 19 jQuery
JavaScript中arguments和this对象用法分析
Aug 08 Javascript
记一次Vue.js混入mixin的使用(分权限管理页面)
Apr 17 Javascript
javascript设计模式 ? 状态模式原理与用法实例分析
Apr 22 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
Yii学习总结之数据访问对象 (DAO)
2015/02/22 PHP
laravel容器延迟加载以及auth扩展详解
2015/03/02 PHP
php中实现用数组妩媚地生成要执行的sql语句
2015/07/10 PHP
PHP安装threads多线程扩展基础教程
2015/11/17 PHP
Symfony生成二维码的方法
2016/02/04 PHP
浅谈php中urlencode与rawurlencode的区别
2016/09/05 PHP
LaravelS通过Swoole加速Laravel/Lumen详解
2018/03/02 PHP
PHP yield关键字功能与用法分析
2019/01/03 PHP
PHP基于mcript扩展实现对称加密功能示例
2019/02/21 PHP
PHP 进程池与轮询调度算法实现多任务的示例代码
2019/11/26 PHP
PHP数据源架构模式之表入口模式实例分析
2020/01/23 PHP
jQuery 的全选(全非选)即取得被选中的值使用介绍
2013/11/12 Javascript
JavaScript的作用域和块级作用域概念理解
2014/09/21 Javascript
用JS实现轮播图效果(二)
2016/06/26 Javascript
Javascript 正则表达式校验数字的简单实例
2016/11/02 Javascript
利用angular.copy取消变量的双向绑定与解析
2016/11/25 Javascript
详解Vue.js动态绑定class
2016/12/20 Javascript
详解webpack的proxyTable无效的解决方案
2018/06/15 Javascript
还不懂递归?读完这篇文章保证你会懂
2018/07/29 Javascript
vue中$refs, $emit, $on, $once, $off的使用详解
2019/05/26 Javascript
js+canvas实现五子棋小游戏
2020/08/02 Javascript
[04:28]2014DOTA2国际邀请赛 采访小兔子LGD挺进钥匙体育馆
2014/07/14 DOTA
python获取局域网占带宽最大3个ip的方法
2015/07/09 Python
Python基于pandas实现json格式转换成dataframe的方法
2018/06/22 Python
python多个模块py文件的数据共享实例
2019/01/11 Python
用python实现英文字母和相应序数转换的方法
2019/09/18 Python
Python-openpyxl表格读取写入的案例详解
2020/11/02 Python
python中编写函数并调用的知识点总结
2021/01/13 Python
CSS3实现多重边框的方法总结
2016/05/31 HTML / CSS
彪马英国官网:PUMA英国
2019/02/11 全球购物
大学生村官工作感言
2014/01/10 职场文书
电力安全事故反思
2014/04/27 职场文书
党的作风建设心得体会
2014/10/22 职场文书
个人借条范本
2015/05/25 职场文书
vue3获取当前路由地址
2022/02/18 Vue.js
Python进程间的通信之语法学习
2022/04/11 Python