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 相关文章推荐
如何快速的呈现我们的网页的技巧整理
Jul 01 Javascript
JavaScript游戏之优化篇
Nov 08 Javascript
深入理解JavaScript系列(6) 强大的原型和原型链
Jan 15 Javascript
js中return false(阻止)的用法
Aug 14 Javascript
浏览器窗口大小变化时使用resize事件对框架不起作用的解决方法
May 11 Javascript
javascript版2048小游戏
Mar 18 Javascript
Angular 根据 service 的状态更新 directive
Apr 03 Javascript
jQuery实现的导航下拉菜单效果
Jul 04 Javascript
TypeScript开发Node.js程序的方法
Apr 30 Javascript
详解JavaScript 浮点数运算的精度问题
Jul 23 Javascript
用VsCode编辑TypeScript的实现方法
May 07 Javascript
js实现飞机大战游戏
Aug 26 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
php一些公用函数的集合
2008/03/27 PHP
php继承中方法重载(覆盖)的应用场合
2015/02/09 PHP
PHP实现的购物车类实例
2015/06/17 PHP
PHP实现链式操作的三种方法详解
2017/11/16 PHP
PHP使用curl_multi_select解决curl_multi网页假死问题的方法
2018/08/15 PHP
php+Ajax无刷新验证用户名操作实例详解
2019/03/04 PHP
比较详细的关于javascript中void(0)的具体含义解释
2007/08/02 Javascript
只需一行代码,轻松实现一个在线编辑器
2013/11/12 Javascript
jquery实现个人中心导航菜单效果和美观都非常不错
2014/09/02 Javascript
多个checkbox被选中时如何判断是否有自己想要的
2014/09/22 Javascript
Js和JQuery获取鼠标指针坐标的实现代码分享
2015/05/25 Javascript
jquery.fastLiveFilter.js实现输入自动过滤的方法
2015/08/11 Javascript
jQuery实现鼠标经过事件的延时处理效果
2020/08/20 Javascript
jquery实现模拟百分比进度条渐变效果代码
2015/10/29 Javascript
JQuery日期插件datepicker的使用方法
2016/03/03 Javascript
Bootstrap企业网站实战项目4
2016/10/14 Javascript
js通过keyCode值判断单击键盘上某个键,然后触发指定的事件方法
2017/02/19 Javascript
VUE饿了么树形控件添加增删改功能的示例代码
2017/10/17 Javascript
获取layer.open弹出层的返回值方法
2018/08/20 Javascript
Egg.js 中 AJax 上传文件获取参数的方法
2018/10/10 Javascript
vue中el-upload上传图片到七牛的示例代码
2018/10/19 Javascript
vue项目引入Iconfont图标库的教程图解
2018/10/24 Javascript
Node.js事件的正确使用方法
2019/04/05 Javascript
基于JavaScript判断两个对象内容是否相等
2020/01/10 Javascript
在vue中动态修改css其中一个属性值操作
2020/12/07 Vue.js
通过实例解析python and和or使用方法
2020/11/14 Python
如何用python开发Zeroc Ice应用
2021/01/29 Python
HTML5 常见面试题之PC端和移动端区别介绍
2018/01/22 HTML / CSS
迷你唐卡软皮鞋:Minnetonka Moccasin
2018/05/01 全球购物
中国汽车租赁行业头部企业:一嗨租车
2019/05/16 全球购物
团队精神演讲稿
2013/12/31 职场文书
长安大学毕业生自我鉴定
2014/01/17 职场文书
上班打牌检讨书
2014/02/07 职场文书
运动会广播稿200字
2014/10/18 职场文书
2015年发展党员工作总结报告
2015/03/31 职场文书
党员廉政准则心得体会
2016/01/20 职场文书