javascript获取系统当前时间的方法


Posted in Javascript onNovember 19, 2015

本文实例讲述了javascript获取系统当前时间的代码。分享给大家供大家参考。具体如下:
运行效果截图如下:

javascript获取系统当前时间的方法

具体代码如下:

<!DOCTYPE html>
<html>
<head>
  <title>获取时间</title>
  <script type="text/javascript">
  window.onload = function(){
    showTime();
  }

  function showTime(){
    var myDate = new Date();
    var year = myDate.getFullYear();
    var month = myDate.getMonth() + 1;
    var date = myDate.getDate();
    var dateArr = ["日","一",'二','三','四','五','六'];
    var day = myDate.getDay();
    var hours = myDate.getHours();
    var minutes = formatTime(myDate.getMinutes());
    var seconds = formatTime(myDate.getSeconds());

    var systemTime = document.getElementById("time");
    systemTime.innerHTML = " " + year + "年" + month +"月" + date + "日" + " 星期" + dateArr[day] + " " + hours + ":" + minutes + ":" + seconds;
    setTimeout("showTime()",500);
  }

  //格式化时间:分秒。
  function formatTime (i){
    if(i < 10){
      i = "0" + i;
    }
    return i;
  }

  </script>
</head>
<body>
  <div id ='time'></div>
</body>
</html>

以上就是为大家分享的javascript获得系统当前时间的方法,帮助大家更好的学习javascript的Date对象,希望大家喜欢。

Javascript 相关文章推荐
jquery清空表单数据示例分享
Feb 13 Javascript
javascript多物体运动实现方法分析
Jan 08 Javascript
Vue.js原理分析之observer模块详解
Feb 17 Javascript
前端跨域的几种解决方式总结(推荐)
Aug 16 Javascript
微信小程序radio组件使用详解
Jan 31 Javascript
Vue实现按钮旋转和移动位置的实例代码
Aug 09 Javascript
浅谈Vue render函数在ElementUi中的应用
Sep 06 Javascript
基于vue v-for 多层循环嵌套获取行数的方法
Sep 26 Javascript
Vuex 使用 v-model 配合 state的方法
Nov 13 Javascript
微信小程序表单验证插件WxValidate的二次封装功能(终极版)
Sep 03 Javascript
Vue的Eslint配置文件eslintrc.js说明与规则介绍
Feb 03 Javascript
js+css3实现炫酷时钟
Aug 18 Javascript
jQuery-1.9.1源码分析系列(十)事件系统之事件体系结构
Nov 19 #Javascript
javascript电商网站抢购倒计时效果实现
Nov 19 #Javascript
跟我学习javascript的Date对象
Nov 19 #Javascript
跟我学习javascript的this关键字
May 28 #Javascript
jQuery 1.9.1源码分析系列(十)事件系统之绑定事件
Nov 19 #Javascript
基于Jquery代码实现手风琴菜单
Nov 19 #Javascript
跟我学习javascript的作用域与作用域链
Nov 19 #Javascript
You might like
关于Intype一些小问题的解决办法
2008/03/28 PHP
第4章 数据处理-php字符串的处理-郑阿奇(续)
2011/07/04 PHP
Apache中php.ini的设置方法
2013/02/28 PHP
php根据操作系统转换文件名大小写的方法
2014/02/24 PHP
PHP rsa加密解密使用方法
2015/04/27 PHP
FastCGI 进程意外退出造成500错误
2015/07/26 PHP
PHP的Yii框架中移除组件所绑定的行为的方法
2016/03/18 PHP
php获取开始与结束日期之间所有日期的方法
2016/11/29 PHP
PHP单元测试框架PHPUnit用法详解
2019/01/23 PHP
Laravel (Lumen) 解决JWT-Auth刷新token的问题
2019/10/24 PHP
用js实现的一个Flash滚动轮换显示图片代码生成器
2007/03/14 Javascript
用模版生成HTML的的框架jquery.tmpl使用详解
2015/01/07 Javascript
javascript中DOM复选框选择用法实例
2015/05/14 Javascript
React Native之ListView实现九宫格效果的示例
2017/08/02 Javascript
vue实现页面加载动画效果
2017/09/19 Javascript
使用Bootstrap4 + Vue2实现分页查询的示例代码
2017/12/21 Javascript
解决vue多个路由共用一个页面的问题
2018/03/12 Javascript
解决Mac安装thrift因bison报错的问题
2018/05/17 Javascript
jQuery中将json数据显示到页面表格的方法
2018/05/27 jQuery
浅谈vue项目4rs vue-router上线后history模式遇到的坑
2018/09/27 Javascript
vue+axios实现post文件下载
2019/09/25 Javascript
python快速排序代码实例
2013/11/21 Python
Python 迭代器工具包【推荐】
2016/05/06 Python
Python实现的当前时间多加一天、一小时、一分钟操作示例
2018/05/21 Python
解决python 3 urllib 没有 urlencode 属性的问题
2019/08/22 Python
Python 调用 Windows API COM 新法
2019/08/22 Python
关于keras.layers.Conv1D的kernel_size参数使用介绍
2020/05/22 Python
python和go语言的区别是什么
2020/07/20 Python
Python远程方法调用实现过程解析
2020/07/28 Python
使用sublime text3搭建Python编辑环境的实现
2021/01/12 Python
详解HTML5 录音的踩坑之旅
2017/12/26 HTML / CSS
屈臣氏乌克兰:Watsons UA
2019/10/29 全球购物
Linux如何修改文件和文件夹的权限
2013/09/05 面试题
数控个人求职信范文
2014/02/03 职场文书
借款民事起诉状范文
2015/05/19 职场文书
中小学教师继续教育心得体会
2016/01/19 职场文书