js显示当前时间

JavaScript037

js显示当前时间,第1张

你的代码有些小问题,至于什么问题,对照着我的看看吧!

<html>

<head>

<meta http-equiv="Content-Type" content="text/html charset=utf-8"/>
</head>

<body >

   <script language="javascript">

       var cur = new Date()

       var y = cur.getFullYear()

       var m = cur.getMonth()+1

       var d = cur.getDate()

       document.write("当前时间显示:"+y+" 年"+m+"月"+d+"日")

   </script>

</body>

</html>

 效果就是这样了!很简单的!

希望能帮助到你,望采纳!

系统时间一般是值服务端时间,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)

本文实例讲解了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

=

month<10

?

"0"+month

:

month

day

=

day

<10

?

"0"+day

:

day

hours

=

hours<10

?

"0"+hours

:

hours

minutes

=

minutes<10

?

"0"+minutes

:

minutes

seconds

=

seconds<10

?

"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程序设计有所帮助。