javascript获取系统当前时间的方法
作者:bea
本文实例讲述了javascript获取系统当前时间的代码。分享给大家供大家参考。具体如下: 运行效果截图如下: 具体代码如下: <!DOCTYPE html><html><head> <title>获取时间</title> <script type="text/javascript"> window.onload = function(){ showTime(); } functio
本文实例讲述了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对象,希望大家喜欢。
有用 | 无用
具体代码如下:
<!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的最新标准ES6
- 详解JavaScript语言的基本语法要求
- 每天一篇javascript学习小结(面向对象编程)
- js鼠标点击图片切换效果实现代码
- Bootstrap每天必学之简单入门
- jquery实现横向图片轮播特效代码分享
- Jquery 全选反选实例代码
- Bootstrap每天必学之前端开发框架
- 基于html5和nodejs相结合实现websocket即使通讯
- 浅析nodejs实现Websocket的数据接收与发送
- Node.js中使用socket创建私聊和公聊聊天室
- Jquery实现仿京东商城省市联动菜单
- javascript实现二级级联菜单的简单制作
- jquery通过扩展select控件实现支持enter或focus选择的方法
- javascript中checkbox使用方法实例演示
- jquery实现表格隔行换色效果
- javascript设计简单的秒表计时器
- 跟我学习javascript的定时器
- 分享纯手写漂亮的表单验证