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 相关文章推荐
window.js 主要包含了页面的一些操作
Dec 23 Javascript
jquery 锁定弹出层实现代码
Feb 23 Javascript
JavaScript如何从listbox里同时删除多个项目
Oct 12 Javascript
javascript客户端遍历控件与获取父容器对象示例代码
Jan 06 Javascript
12306验证码破解思路分享
Mar 25 Javascript
jQuery菜单插件用法实例
Jul 25 Javascript
JavaScript模块详解
Dec 18 Javascript
vue实现一个炫酷的日历组件
Oct 08 Javascript
javascript实现的字符串转换成数组操作示例
Jun 13 Javascript
vue使用@scroll监听滚动事件时,@scroll无效问题的解决方法详解
Oct 15 Javascript
ES11新增的这9个新特性,你都掌握了吗
Oct 15 Javascript
原生js实现自定义消息提示框
Nov 19 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 include类文件超时问题处理
2015/02/06 PHP
PHP中preg_match正则匹配中的/u、/i、/s含义
2015/04/17 PHP
PHP实现基于图的深度优先遍历输出1,2,3...n的全排列功能
2017/11/10 PHP
PHP parse_ini_file函数的应用与扩展操作示例
2019/01/07 PHP
Javascript模块化编程(三)require.js的用法及功能介绍
2013/01/17 Javascript
Javascript中的for in循环和hasOwnProperty结合使用
2013/06/05 Javascript
使用CSS和jQuery模拟select并附提交后取得数据的代码
2013/10/18 Javascript
js实现数组去重、判断数组以及对象中的内容是否相同
2013/11/29 Javascript
jQuery异步验证用户名是否存在示例代码
2014/05/21 Javascript
一个不错的字符串转码解码函数(自写)
2014/07/31 Javascript
jquery实现将获取的颜色值转换为十六进制形式的方法
2014/12/20 Javascript
JavaScript 对象深入学习总结(经典)
2015/09/29 Javascript
JS简单获取及显示当前时间的方法
2016/08/03 Javascript
Vue.js学习之过滤器详解
2017/01/22 Javascript
vue.js指令v-model使用方法
2017/03/20 Javascript
JavaScript制作简单的框选图表
2017/05/15 Javascript
vue cli升级webapck4总结
2018/04/04 Javascript
JavaScript中concat复制数组方法浅析
2019/01/20 Javascript
关于vue-cli3打包代码后白屏的解决方案
2020/09/02 Javascript
[05:26]TI10典藏宝瓶套装外观展示
2020/07/03 DOTA
Python多线程编程(四):使用Lock互斥锁
2015/04/05 Python
Python 爬虫之超链接 url中含有中文出错及解决办法
2017/08/03 Python
python中通过预先编译正则表达式提高效率
2017/09/25 Python
python中的随机函数小结
2018/01/27 Python
Python实现替换文件中指定内容的方法
2018/03/19 Python
Python设计模式之享元模式原理与用法实例分析
2019/01/11 Python
selenium+python实现基本自动化测试的示例代码
2021/01/27 Python
CSS3中几个新增加的盒模型属性使用教程
2016/03/01 HTML / CSS
HTML5 audio标签使用js进行播放控制实例
2015/04/24 HTML / CSS
简单说说tomcat的配置
2013/05/28 面试题
static全局变量与普通的全局变量有什么区别?static局部变量和普通局部变量有什么区别?static函数与普通函数有什么区别?
2015/02/22 面试题
活动总结模板
2014/05/09 职场文书
投诉信回复范文
2015/07/03 职场文书
Nginx反向代理至go-fastdfs案例讲解
2021/08/02 Servers
详解redis在微服务领域的贡献
2021/10/16 Redis
科普 | 业余无线电知识-波段篇
2022/02/18 无线电