js显示当前日期时间和星期几

JavaScript023

js显示当前日期时间和星期几,第1张

JavaScript获取当前日期时间同时显示星期几,具体代码如下:

<html>

<head>

<meta

http-equiv="Content-Type"

content="text/html

charset=utf-8"

/>

<script

type="text/javascript"

src="/jquery/1.7.0/jquery.min.js"></script>

<script

type="text/javascript">

function

currentTime(){

var

d=new

Date(),str=''

str+=d.getFullYear()+'年'

str+=d.getMonth()

+

1+'月'

str+=d.getDate()+'日'

str+=d.getHours()+'时'

str+=d.getMinutes()+'分'

str+=

d.getSeconds()+'秒'

return

str

}

setInterval(function(){$('#time').html(currentTime)},1000)

</script>

</head>

<body>

<div

id="time"></div>

</body>

</html>

在网页上及时动态显示当前的日期时间并显示星期的做法:

function

showTime(){

var

show_day=new

Array('星期一','星期二','星期三','星期四','星期五','星期六','星期日')

var

time=new

Date()

var

year=time.getYear()

var

month=time.getMonth()

var

date=time.getDate()

var

day=time.getDay()

var

hour=time.getHours()

var

minutes=time.getMinutes()

var

second=time.getSeconds()

month<10?month='0'+month:month

month=month+1

hour<10?hour='0'+hour:hour

minutes<10?minutes='0'+minutes:minutes

second<10?second='0'+second:second

var

now_time='当前时间:'+year+'年'+month+'月'+date+'日'+'

'+show_day[day-1]+'

'+hour+':'+minutes+':'+second

document.getElementById('showtime').innerHTML=now_time

setTimeout("showTime()",1000)

}

关于这方面的内容网上很多,有js获取当前日期时间同时显示星期,js获取当前时间和一星期钱的时间等内容,都很具有参考价值,希望大家多阅读类似文章,将类似方法熟练掌握。

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

JS获取的是本地电脑的日期时间格式,每个人电脑设置不一样,不一定都是24小时时间格式的。不过你可以用JS代码写输出成24小时时间格式。代码如下:

当前时间为:<span id="now"></span>

<script type="text/javascript">

//动态显示年月日时间和周几【凌陈亮(QQ:57404811)】

//显示当前时间的对象ID

gw_now('now')

function gw_now(id){

var obj=window.document.getElementById(id)

var date=new Date()

var year=date.getFullYear()

var month=gw_now_addzero(date.getMonth()+1)

var day=gw_now_addzero(date.getDate())

var hour=gw_now_addzero(date.getHours())

var minute=gw_now_addzero(date.getMinutes())

var second=gw_now_addzero(date.getSeconds())

switch (date.getDay()) {

case 0:week="星期天"break

case 1:week="星期一"break

case 2:week="星期二"break

case 3:week="星期三"break

case 4:week="星期四"break

case 5:week="星期五"break

case 6:week="星期六"break

}

obj.innerHTML=year + "-" + month + "-" + day + " " + hour + ":" + minute + ":" + second + " " + week

setTimeout("gw_now('" + id + "')",1000)

}

function gw_now_addzero(temp){

if(temp<10) return "0" + temp

else return temp

}

</script>