本篇文章给大家谈谈javascript系统时间,以及对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
本文目录一览:
1、基于javascript实现动态显示当前系统时间2、JS如何获取当前系统时间3、javascript如何获取系统时间
基于javascript实现动态显示当前系统时间
本文实例讲解了javascript实现动态显示当前系统时间的详细代码,具体内容如下
(1)时间日期信息,应该在一个div中来显示
(2)定时器:每隔一秒再次访问系统时间,window对象的setTimeout()
(3)时钟显示的时机(事件):当网页加载完成后才显示,事件onload
(4)如何将
时间日期信息
写入到指定的div中,DOM对象中的innerHTML属性
效果图:
具体代码:
html
head
meta
http-equiv=”Content-Type”
content=”text/html;
charset=gb2312″
/
title无标题文档/title
script
type=”text/javascript”
//定义函数:构建要显示的时间日期字符串
function
showTime()
{
//创建Date对象
var
today
=
new
Date();
//分别取出年、月、日、时、分、秒
var
year
=
today.getFullYear();
var
month
=
today.getMonth()+1;
var
day
=
today.getDate();
var
hours
=
today.getHours();
var
minutes
=
today.getMinutes();
var
seconds
=
today.getSeconds();
//如果是单个数,则前面补0
month
=
month10
?
“0”+month
:
month;
day
=
day
10
?
“0”+day
:
day;
hours
=
hours10
?
“0”+hours
:
hours;
minutes
=
minutes10
?
“0”+minutes
:
minutes;
seconds
=
seconds10
?
“0”+seconds
:
seconds;
//构建要输出的字符串
var
str
=
year+”年”+month+”月”+day+”日
“+hours+”:”+minutes+”:”+seconds;
//获取id=result的对象
var
obj
=
document.getElementById(“result”);
//将str的内容写入到id=result的div中去
obj.innerHTML
=
str;
//延时器
window.setTimeout(“showTime()”,1000);
}
/script
style
type=”text/css”
#result{
width:500px;
border:1px
solid
#CCCCCC;
background:#FFFFCC;
margin:50px
auto;
font-size:24px;
color:#FF0000;
padding:20px;
}
/style
/head
body
onload=”showTime()”
div
id=”result”/div
/body
/html
希望本文所述对大家的javascript程序设计有所帮助。
JS如何获取当前系统时间
系统时间一般是值服务端时间,js获取服务端时间的方法是直接用ajax获取。
1、编写显示时间的页面:
html
head
meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /
titleServer date/time/title
script language=”javascript” src=”serverDate.js”/script
/head
script language=”javascript”
var localTime = new Date();
document.write(“Local machine time is: ” + localTime + “br”);
document.write(“Server time is: ” + date);
/script
body
/body
2、ajax脚本获取server的时间
var xmlHttp;
function srvTime(){
try {
//创建xmlHttp对象
xmlHttp = new XMLHttpRequest();
}
catch (err1) {
//ie浏览器
try {
xmlHttp = new ActiveXObject(‘Msxml2.XMLHTTP’);
}
catch (err2) {
try {
xmlHttp = new ActiveXObject(‘Microsoft.XMLHTTP’);
}
catch (eerr3) {
//ajax不支持
alert(“AJAX not supported”);
}
}
}
//打开xmlHttp请求
xmlHttp.open(‘HEAD’,window.location.href.toString(),false);
//设置xmlHttp请求头
xmlHttp.setRequestHeader(“Content-Type”, “text/html”);
//发送请求
xmlHttp.send(”);
// 获取response中的Date参数
return xmlHttp.getResponseHeader(“Date”);
}
var st = srvTime(); //服务器时间赋值给st变量
var date = new Date(st); //转换js的date对象
// 输出服务器时间
document.write(“服务器时间: ” + date);
javascript如何获取系统时间
p id=”sj”点击按钮获取时间问候/p
button onclick=”wenhou()”时间问候/button
script
function wenhou()
{
year=new Date().getFullYear();
month=new Date().getMonth();
date=new Date().getDate();
hours=new Date().getHours();
minutes=new Date().getMinutes();
seconds=new Date().getSeconds();
milliseconds=new Date().getMilliseconds();
document.getElementById(“sj”).innerHTML=year+”.”+month+”.”+date+”:”+hours+”:”+minutes+”:”+seconds+”:”+milliseconds;
}
/script
新建一个html,把代码放入body里面看效果
解释:
year=new Date().getFullYear(); //获取完整年份
month=new Date().getMonth(); //获取月份
date=new Date().getDate(); //获取日期
hours=new Date().getHours(); //获取小时
minutes=new Date().getMinutes(); //获取分钟
seconds=new Date().getSeconds(); //获取秒钟
milliseconds=new Date().getMilliseconds(); //获取毫秒
关于javascript系统时间和的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。