JS如何获取当前系统时间

JavaScript028

JS如何获取当前系统时间,第1张

系统时间一般是值服务端时间,js获取服务端时间的方法是直接用ajax获取。

1、编写显示时间的页面:

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>Server 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)

1.首先,下载谷歌浏览器,

2.下载完成后打开谷歌浏览器,然后按【F12】打开谷歌浏览器控制台(在浏览器方),然后点击【Console】切换到调试窗口

3.然后开始输入代码,首先定义一个变量名字为test,代码如下:

var test =new Date()

这句代码的意思就是把日期对象赋值给test,这个变量的名字可以任意取,在这里就以test为例了,然后按回车键,也就是【Enter】键

4.敲回车后出现了一个undefined,这是因为z这只是赋值,没有任何输出,所以系统默认打印的信息,接下来,操作test这个变量了,这里面保存的就是当前日期,看一下代码

输入

test.getFullYear()

然后回车,结果就是当前时间的年份

5.还可以调用其他函数,来获取当前日期的月份、日、小时、分钟、秒,代码如下:

test.getMonth();

test.getDate();

test.getHours();

test.getMinutes();

test.getSeconds();

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

<META NAME="Generator" CONTENT="EditPlus">

<META NAME="Author" CONTENT="">

<META NAME="Keywords" CONTENT="">

<META NAME="Description" CONTENT="">

</HEAD>

<BODY>

<SCRIPT LANGUAGE="JavaScript">

<!--

function nowaa() {

window.status = "当前系统时间:" + new Date().toLocaleString()

setInterval('nowaa()',1000)

}

nowaa()

//-->

</SCRIPT>

</BODY>

</HTML>

关于Date的更多信息,请查看:http://www.w3school.com.cn/jsref/jsref_obj_date.asp