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 相关文章推荐
Jquery优化效率 提升性能解决方案
Sep 06 Javascript
技术男用来对妹子表白的百度首页
Jul 23 Javascript
jQuery.parseJSON(json)将JSON字符串转换成js对象
Jul 27 Javascript
JavaScript中document.forms[0]与getElementByName区别
Jan 21 Javascript
Angularjs基础知识及示例汇总
Jan 22 Javascript
学习JavaScript设计模式之享元模式
Jan 18 Javascript
DIV+CSS+jQ实现省市联动可扩展
Jun 22 Javascript
基于datepicker定义自己的angular时间组件的示例
Mar 14 Javascript
详解vue-cli 2.0配置文件(小结)
Jan 14 Javascript
Vue.js轮播图走马灯代码实例(全)
May 08 Javascript
JavaScript实现字符串与HTML格式相互转换
Mar 17 Javascript
Vue3.0写自定义指令的简单步骤记录
Jun 27 Vue.js
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应用程序来获取Web服务器的状态信息
2006/10/09 PHP
php侧拉菜单 漂亮,可以向右或者向左展开,支持FF,IE
2009/10/15 PHP
6种php上传图片重命名的方法实例
2013/11/04 PHP
PHP微信支付开发实例
2016/06/22 PHP
Laravel 5.3 学习笔记之 配置
2016/08/28 PHP
在Laravel中使用DataTables插件的方法
2018/05/29 PHP
javascript如何创建表格(javascript绘制表格的二种方法)
2013/12/10 Javascript
js定时器的使用(实例讲解)
2014/01/06 Javascript
jquery中get,post和ajax方法的使用小结
2014/02/04 Javascript
JavaScript获取表格(table)当前行的值、删除行、增加行
2015/07/03 Javascript
从零开始学习Node.js系列教程一:http get和post用法分析
2017/04/13 Javascript
jquery+css实现简单的图片轮播效果
2017/08/07 jQuery
详解VUE中常用的几种import(模块、文件)引入方式
2018/07/03 Javascript
利用d3.js力导布局绘制资源拓扑图实例教程
2019/01/08 Javascript
vue路由中前进后退的一些事儿
2019/05/18 Javascript
ES6中Symbol、Set和Map用法详解
2019/08/20 Javascript
layui select 禁止点击的实现方法
2019/09/05 Javascript
React+Redux实现简单的待办事项列表ToDoList
2019/09/29 Javascript
vue 封装面包屑组件教程
2020/11/16 Javascript
[55:23]VGJ.T vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
python使用线程封装的一个简单定时器类实例
2015/05/16 Python
python中cPickle类使用方法详解
2018/08/27 Python
解决python字典对值(值为列表)赋值出现重复的问题
2019/01/20 Python
python实现多进程通信实例分析
2019/09/01 Python
基于Python解密仿射密码
2019/10/21 Python
基于pygame实现童年掌机打砖块游戏
2020/02/25 Python
解决echarts中饼图标签重叠的问题
2020/05/16 Python
Jupyter notebook命令和编辑模式常用快捷键汇总
2020/11/17 Python
简单掌握CSS3将文字描边及填充文字颜色的方法
2016/03/07 HTML / CSS
详解CSS3原生支持div铺满浏览器的方法
2018/08/30 HTML / CSS
宿舍违规用电检讨书
2014/02/16 职场文书
安全生产中长期规划实施方案
2014/02/21 职场文书
2015年社区创卫工作总结
2015/04/21 职场文书
卫生主题班会
2015/08/14 职场文书
关于CSS浮动与取消浮动的问题
2021/06/28 HTML / CSS
纯html+css实现打字效果
2021/08/02 HTML / CSS