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 相关文章推荐
一些mootools的学习资源
Feb 07 Javascript
如何确保JavaScript的执行顺序 之实战篇
Mar 03 Javascript
javascript 45种缓动效果 非常酷
Jun 28 Javascript
深入理解JavaScript系列(4) 立即调用的函数表达式
Jan 15 Javascript
JavaScript prototype属性深入介绍
Nov 27 Javascript
javascript常见用法总结
May 22 Javascript
Javascript技术栈中的四种依赖注入详解
Feb 23 Javascript
JavaScript 函数的执行过程
May 09 Javascript
js与jquery分别实现tab标签页功能的方法
Nov 18 Javascript
解决layui批量传值到后台操作时出现传值为空的问题
Sep 28 Javascript
jQuery实现简单飞机大战
Jul 05 jQuery
基于javascript的无缝滚动动画1
Aug 07 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
图解上海144收音机
2021/03/02 无线电
PHP 七大优势分析
2009/06/23 PHP
Smarty最简单实现列表奇偶变色的方法
2015/07/01 PHP
laravel 模型查询按照whereIn排序的示例
2019/10/16 PHP
JavaScript中使用replace结合正则实现replaceAll的效果
2010/06/04 Javascript
再谈javascript图片预加载技术(详细演示)
2011/03/12 Javascript
JS获取html对象的几种方式介绍
2013/12/05 Javascript
Javascript 拖拽雏形中的一些问题(逐行分析代码,让你轻松了拖拽的原理)
2015/01/23 Javascript
JS使用oumousemove和oumouseout动态改变图片显示的方法
2015/03/31 Javascript
浅谈$(document)和$(window)的区别
2015/07/15 Javascript
json+jQuery实现的无限级树形菜单效果代码
2015/08/27 Javascript
jquery实现华丽的可折角广告代码
2015/09/02 Javascript
JavaScript实现相册弹窗功能(zepto.js)
2016/06/21 Javascript
浅谈js中的三种继承方式及其优缺点
2016/08/10 Javascript
js的OOP继承实现(必看篇)
2017/02/18 Javascript
基于 Immutable.js 实现撤销重做功能的实例代码
2018/03/01 Javascript
js自定义input文件上传样式
2018/10/26 Javascript
vue 解决路由只变化参数页面组件不更新问题
2019/11/05 Javascript
vue+element实现动态加载表单
2020/12/13 Vue.js
[00:33]2018DOTA2亚洲邀请赛TNC出场
2018/04/04 DOTA
深入理解Python3 内置函数大全
2017/11/23 Python
caffe binaryproto 与 npy相互转换的实例讲解
2018/07/09 Python
pyqt5的QWebEngineView 使用模板的方法
2018/08/18 Python
Python常见数据结构之栈与队列用法示例
2019/01/14 Python
python实现两个dict合并与计算操作示例
2019/07/01 Python
python设置环境变量的作用整理
2020/02/17 Python
基于matplotlib xticks用法详解
2020/04/16 Python
python下载的库包存放路径
2020/07/27 Python
Django如何继承AbstractUser扩展字段
2020/11/27 Python
html5实现多文件的上传示例代码
2014/02/13 HTML / CSS
John Hardy官方网站:手工设计首饰的奢侈品牌
2017/07/05 全球购物
介绍一下Linux中的链接
2016/05/28 面试题
培养联系人考察意见
2015/06/01 职场文书
学习新党章心得体会2016
2016/01/15 职场文书
vue+elementui 实现新增和修改共用一个弹框的完整代码
2021/06/08 Vue.js
Python中time与datetime模块使用方法详解
2022/03/31 Python