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系列(1) 编写高质量JavaScript代码的基本要点
Jan 15 Javascript
JQuery UI的拖拽功能实现方法小结
Mar 14 Javascript
javascript制作照片墙及制作过程中出现的问题
Apr 04 Javascript
js老生常谈之this,constructor ,prototype全面解析
Apr 05 Javascript
浅谈JS中逗号运算符的用法
Jun 12 Javascript
axios post提交formdata的实例
Mar 16 Javascript
如何为vue的项目添加单元测试
Dec 19 Javascript
Easyui 关闭jquery-easui tab标签页前触发事件的解决方法
Apr 28 jQuery
JS实现点击发送验证码 xx秒后重新发送功能
Jul 30 Javascript
js实现九宫格布局效果
May 28 Javascript
在vue中实现嵌套页面(iframe)
Jul 30 Javascript
Vue将props值实时传递 并可修改的操作
Aug 09 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实现网上点歌(二)
2006/10/09 PHP
php print EOF实现方法
2009/05/21 PHP
使用php判断服务器是否支持Gzip压缩功能
2013/09/24 PHP
phpmailer在服务器上不能正常发送邮件的解决办法
2014/07/08 PHP
PHP CodeIgniter框架的工作原理研究
2015/03/30 PHP
浅谈PHP表单提交(POST&amp;GET&amp;URL编/解码)
2017/04/03 PHP
PHP join()函数用法与实例讲解
2019/03/11 PHP
encode脚本和normal脚本混用的问题与解决方法
2007/03/08 Javascript
JavaScript cookie的设置获取删除详解
2014/02/11 Javascript
JavaScript对IE操作的经典代码(推荐)
2014/03/10 Javascript
jQuery setTimeout传递字符串参数报错的解决方法
2014/06/09 Javascript
BootStrap 智能表单实战系列(十)自动完成组件的支持
2016/06/13 Javascript
浅谈JavaScript事件绑定的常用方法及其优缺点分析
2016/11/01 Javascript
livereload工具实现前端可视化开发【推荐】
2016/12/23 Javascript
vue双向数据绑定原理探究(附demo)
2017/01/17 Javascript
AngularJs 利用百度地图API 定位当前位置 获取地址信息
2017/01/18 Javascript
AngularJS使用ng-class动态增减class样式的方法示例
2017/05/18 Javascript
Bootstrap Table使用整理(一)
2017/06/09 Javascript
Vue中的scoped实现原理及穿透方法
2018/05/15 Javascript
Vue引用Swiper4插件无法重写分页器样式的解决方法
2018/09/27 Javascript
Javascript通过控制类名更改样式
2019/05/24 Javascript
vue中用 async/await 来处理异步操作
2020/07/18 Javascript
vue切换菜单取消未完成接口请求的案例
2020/11/13 Javascript
[58:00]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Elephant BO3 第二场 2月7日
2021/03/11 DOTA
python实现自动登录人人网并访问最近来访者实例
2014/09/26 Python
python中dict使用方法详解
2019/07/17 Python
python plotly绘制直方图实例详解
2019/07/22 Python
python3应用windows api对后台程序窗口及桌面截图并保存的方法
2019/08/27 Python
python实现tail实时查看服务器日志示例
2019/12/24 Python
详解移动端HTML5音频与视频问题及解决方案
2018/08/22 HTML / CSS
如果NULL定义成#define NULL((char *)0)难道不就可以向函数传入不加转换的NULL了吗
2012/02/15 面试题
家长会主持词开场白
2014/03/18 职场文书
先进事迹材料范文
2014/12/29 职场文书
电话营销开场白
2015/05/29 职场文书
保护地球的宣传语
2015/07/13 职场文书
话题作文之诚信
2019/11/28 职场文书