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 UI AutoComplete 使用说明
Jun 20 Javascript
图片onload事件触发问题解决方法
Jul 31 Javascript
express的中间件bodyParser详解
Dec 04 Javascript
node.js中的fs.writeSync方法使用说明
Dec 15 Javascript
网页中JS函数自动执行常用三种方法
Mar 30 Javascript
Bootstrap Search Suggest使用例子
Dec 21 Javascript
Vue表单及表单绑定方法
Sep 04 Javascript
详解在Javascript中进行面向切面编程
Apr 28 Javascript
ES6的解构赋值实例详解
May 06 Javascript
js实现图片推拉门效果代码实例
May 18 Javascript
微信小程序调用wx.getImageInfo遇到的坑解决
May 31 Javascript
vue实现拖拽交换位置
Apr 07 Vue.js
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
PHP编程与应用
2006/10/09 PHP
php面向对象全攻略 (十七) 自动加载类
2009/09/30 PHP
php递归函数中使用return的注意事项
2014/01/17 PHP
CI框架文件上传类及图像处理类用法分析
2016/05/18 PHP
PHP微信分享开发详解
2017/01/14 PHP
jquery.ui.draggable中文文档(原文翻译)
2013/11/15 Javascript
jquery带下拉菜单和焦点图代码分享
2015/08/24 Javascript
jquery trigger函数执行两次的解决方法
2016/02/29 Javascript
AngularJs返回前一页面时刷新一次前面页面的方法
2018/10/09 Javascript
Vue函数式组件-你值得拥有
2019/05/09 Javascript
layer关闭当前窗口页面以及确认取消按钮的方法
2019/09/09 Javascript
解决echarts 一条柱状图显示两个值,类似进度条的问题
2020/07/20 Javascript
springboot+vue+对接支付宝接口+二维码扫描支付功能(沙箱环境)
2020/10/15 Javascript
[45:16]完美世界DOTA2联赛循环赛 IO vs FTD BO2第二场 11.05
2020/11/06 DOTA
[01:11:21]DOTA2-DPC中国联赛 正赛 VG vs Elephant BO3 第一场 3月6日
2021/03/11 DOTA
Python实现周期性抓取网页内容的方法
2015/11/04 Python
Python 正则表达式实现计算器功能
2017/04/29 Python
python编程嵌套函数实例代码
2018/02/11 Python
Python中浅拷贝copy与深拷贝deepcopy的简单理解
2018/10/26 Python
使用TensorFlow实现二分类的方法示例
2019/02/05 Python
Python Django框架url反向解析实现动态生成对应的url链接示例
2019/10/18 Python
Python 内置函数globals()和locals()对比详解
2019/12/23 Python
python 使用建议与技巧分享(四)
2020/08/18 Python
Python + opencv对拍照得到的图片进行背景去除的实现方法
2020/11/18 Python
CSS3实现超慢速移动动画效果非常流畅无卡顿
2014/06/15 HTML / CSS
彼得罗夫美国官网:Peter Thomas Roth美国(青瓜面膜)
2017/11/05 全球购物
美国销售第一的智能手机和平板电脑保护壳:OtterBox
2017/12/21 全球购物
乐高瑞士官方商店:LEGO CH
2020/08/16 全球购物
高中竞选班长演讲稿
2014/04/24 职场文书
运动会方阵口号
2014/06/07 职场文书
医生学习党的群众路线教育实践活动心得体会
2014/11/03 职场文书
2014年行风建设工作总结
2014/12/01 职场文书
电气工程师岗位职责
2015/02/12 职场文书
小时代观后感
2015/06/10 职场文书
回复函格式及范文
2015/07/14 职场文书
PostgreSQL常用字符串分割函数整理汇总
2022/07/07 PostgreSQL