javascript获取系统当前时间的方法
更新时间：2015年11月19日 09:41:25 投稿：lijiao
这篇文章主要介绍了javascript获取系统当前时间的方法，格式为：2015年11月19日 星期四09:21:05，需要的朋友可以参考下
本文实例讲述了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对象，希望大家喜欢。
相关文章
这篇文章主要介绍了详解webpack 入门与解析,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-04-04
discuz中用到的js不论是多浏览器兼容性和实用性都是非常不错的，推荐大家看下2008-05-05
这篇文章主要介绍了Bootstrap实现响应式导航栏效果，导航栏是一个很好的功能，是Bootstrap网站的一个突出特点，本文带领大家学习实现Bootstrap导航栏,需要的朋友可以参考下2015-12-12
下面小编就为大家分享一篇JS原型继承四步曲及原型继承图一览，具有很好的参考价值。希望对大家有所帮助。一起跟随小编过来看看吧2017-11-11
这篇文章给大家分享一段实例代码发送验证码之后开始60S倒计时功能，具体实例代码大家参考下本文2018-01-01
这篇文章主要给大家介绍了d3.js中强制异步文件读取同步的几种方法，文中给出了详细的介绍和解决方法，对大家具有一定的参考价值，需要的朋友们下面来一起学习学习吧。2017-02-02
这次增加了一些相关的功能，增加四个角的拉伸改变宽度，主要还是用到一些简单的坐标位置计算，没有什么技术难度，熟练了一下自己对拖拽的运用2012-05-05
各浏览器对document.getElementById等方法的实现差异解析
这篇文章主要是对各浏览器对document.getElementById等方法的实现差异进行了详细的分析介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
非正则实现的只能输入汉字的输入框...2007-03-03
JS组件中bootstrap multiselect两大组件较量
这篇文章主要介绍了JS组件中bootstrap multiselect两大组件，两者之间的较量，优缺点比较，感兴趣的小伙伴们可以参考一下2016-01-01
最新评论