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 相关文章推荐
phpwind放自动注册方法
Dec 02 Javascript
js 获取Listbox选择的值的代码
Apr 15 Javascript
url地址自动加#号问题说明
Aug 21 Javascript
jquery星级插件、支持页面中多次使用
Mar 25 Javascript
jQuery中get和post方法传值测试及注意事项
Aug 08 Javascript
jquery表单验证插件validation使用方法详解
Jan 20 Javascript
Vue.js实战之组件之间的数据传递
Apr 01 Javascript
Three.js 再探 - 写一个微信跳一跳极简版游戏
Jan 04 Javascript
Nuxt.js SSR与权限验证的实现
Nov 21 Javascript
详解iframe跨域的几种常用方法(小结)
Apr 29 Javascript
layui 点击重置按钮, select 并没有被重置的解决方法
Sep 03 Javascript
对layui初始化列表的CheckBox属性详解
Sep 13 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
图书管理程序(一)
2006/10/09 PHP
生成sessionid和随机密码的例子
2006/10/09 PHP
PHP音乐采集(部分代码)
2007/02/14 PHP
smarty模板引擎中自定义函数的方法
2015/01/22 PHP
PHP中Session和Cookie是如何操作的
2015/10/10 PHP
用js实现的抽象CSS圆角效果!!
2007/05/03 Javascript
jquery与js函数冲突的两种解决方法
2013/09/09 Javascript
window.onresize 多次触发的解决方法
2013/11/08 Javascript
jQuery焦点控制图层展示延迟隐藏的方法
2015/03/09 Javascript
jQuery遍历DOM的父级元素、子级元素和同级元素的方法总结
2016/07/07 Javascript
js滚轮事件兼容性问题需要注意哪些
2016/11/15 Javascript
JS实现问卷星自动填问卷脚本并在两秒自动提交功能
2020/06/17 Javascript
vue.js项目打包上线的图文教程
2017/11/16 Javascript
Vue项目部署的实现(阿里云+Nginx代理+PM2)
2019/03/26 Javascript
Vue Router的手写实现方法实现
2020/03/02 Javascript
Vue.js中使用Vuex实现组件数据共享案例
2020/07/31 Javascript
Python可跨平台实现获取按键的方法
2015/03/05 Python
关于Python中浮点数精度处理的技巧总结
2017/08/10 Python
python中类和实例如何绑定属性与方法示例详解
2017/08/18 Python
python 3.5实现检测路由器流量并写入txt的方法实例
2017/12/17 Python
django和vue实现数据交互的方法
2019/08/21 Python
解决pycharm每次打开项目都需要配置解释器和安装库问题
2020/02/26 Python
python GUI库图形界面开发之PyQt5单行文本框控件QLineEdit详细使用方法与实例
2020/02/27 Python
python 穷举指定长度的密码例子
2020/04/02 Python
python 使用建议与技巧分享(四)
2020/08/18 Python
详解基于python的图像Gabor变换及特征提取
2020/10/26 Python
css3 pointer-events 介绍详解
2017/09/18 HTML / CSS
JAVA的事件委托机制和垃圾回收机制
2014/09/07 面试题
个人简历自我鉴定
2013/10/11 职场文书
应届生骨科医生求职信
2013/10/31 职场文书
创伤外科专业推荐信范文
2013/11/19 职场文书
青奥会口号
2014/06/12 职场文书
尊老爱亲美德少年事迹材料
2014/08/14 职场文书
应收账款管理制度
2015/08/06 职场文书
2019年度行政文员工作计划范本!
2019/07/04 职场文书
JavaScript高级程序设计之基本引用类型
2021/11/17 Javascript