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关于select的相关操作说明
Jan 13 Javascript
js实现按钮颜色渐变动画效果
Aug 20 Javascript
微信QQ的二维码登录原理js代码解析
Jun 23 Javascript
超实用的javascript时间处理总结
Aug 16 Javascript
微信小程序 Tab页切换更新数据
Jan 05 Javascript
jQuery快速实现商品数量加减的方法
Feb 06 Javascript
vue2中,根据list的id进入对应的详情页并修改title方法
Aug 24 Javascript
JavaScript单线程和任务队列原理解析
Feb 04 Javascript
利用React高阶组件实现一个面包屑导航的示例
Aug 23 Javascript
详解ES6中class的实现原理
Oct 03 Javascript
解决antd 表单设置默认值initialValue后验证失效的问题
Nov 02 Javascript
JS相册图片抖动放大展示效果的示例代码
Jan 29 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防注入安全代码
2008/04/09 PHP
php Smarty初体验二 获取配置信息
2011/08/08 PHP
在PHP中运行Linux命令并启动SSH服务的例子
2014/06/12 PHP
PHP中类属性与类静态变量的访问方法示例
2016/07/13 PHP
PHP下 Mongodb 连接远程数据库的实例代码
2017/08/30 PHP
CI框架(CodeIgniter)实现的导入、导出数据操作示例
2018/05/24 PHP
JavaScript初学者应注意的七个细节小结
2012/01/30 Javascript
nodejs中使用monk访问mongodb
2014/07/06 NodeJs
javascript使用输出语句实现网页特效代码
2015/08/06 Javascript
Bootstrap表格和栅格分页实例详解
2016/05/20 Javascript
JS实现控制文本框的内容
2016/07/10 Javascript
Vue.js 2.0 和 React、Augular等其他前端框架大比拼
2016/10/08 Javascript
JS加密插件CryptoJS实现AES加密操作示例
2018/08/16 Javascript
element ui 表格动态列显示空白bug 修复方法
2018/09/04 Javascript
小程序点击图片实现自动播放视频
2020/05/29 Javascript
jquery获取img的src值实例介绍
2019/01/16 jQuery
node微信开发之获取access_token+自定义菜单
2019/03/17 Javascript
微信公众号平台接口开发 菜单管理的实现
2019/08/14 Javascript
JS中的算法与数据结构之二叉查找树(Binary Sort Tree)实例详解
2019/08/16 Javascript
layui table 复选框跳页后再回来保持原来选中的状态示例
2019/10/26 Javascript
vuex存储复杂参数(如对象数组等)刷新数据丢失的解决方法
2019/11/05 Javascript
Vue 打包体积优化方案小结
2020/05/20 Javascript
JS实现页面侧边栏效果探究
2021/01/08 Javascript
python传递参数方式小结
2015/04/17 Python
python机器学习之贝叶斯分类
2018/03/26 Python
使用Python实现从各个子文件夹中复制指定文件的方法
2018/10/25 Python
Python numpy.array()生成相同元素数组的示例
2018/11/12 Python
Python 实现使用空值进行赋值 None
2020/03/12 Python
Python脚本导出为exe程序的方法
2020/03/25 Python
python属于解释型语言么
2020/06/15 Python
介绍一下OSI七层模型
2012/07/03 面试题
Linux Interview Questions For software testers
2012/06/02 面试题
优秀应届本科生求职信
2014/07/19 职场文书
《我爱祖国》演讲稿1000字
2014/09/26 职场文书
市语委办2016年第十九届“推普周”活动总结
2016/04/05 职场文书
mysql5.5中文乱码问题解决的有用方法
2022/05/30 MySQL