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

JavaScript010

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显示动态的日期时间,参考如下:

<body>  

<span id="localtime">2013-10-30 12:33:02  星期三</span>  

<script type="text/javascript">  

function showLocale(objD)  

{  

    var str,colorhead,colorfoot  

    var yy = objD.getYear()  

    if(yy<1900) yy = yy+1900  

    var MM = objD.getMonth()+1  

    if(MM<10) MM = '0' + MM  

    var dd = objD.getDate()  

    if(dd<10) dd = '0' + dd  

    var hh = objD.getHours()  

    if(hh<10) hh = '0' + hh  

    var mm = objD.getMinutes()  

    if(mm<10) mm = '0' + mm  

    var ss = objD.getSeconds()  

    if(ss<10) ss = '0' + ss  

    var ww = objD.getDay()  

    if  ( ww==0 )  colorhead="<font color=\"red\">"  

    if  ( ww > 0 && ww < 6 )  colorhead="<font color=\"red\">"  

    if  ( ww==6 )  colorhead="<font color=\"red\">"  

    if  (ww==0)  ww="星期日"  

    if  (ww==1)  ww="星期一"  

    if  (ww==2)  ww="星期二"  

    if  (ww==3)  ww="星期三"  

    if  (ww==4)  ww="星期四"  

    if  (ww==5)  ww="星期五"  

    if  (ww==6)  ww="星期六"  

    colorfoot="</font>"  

    str = colorhead + yy + "-" + MM + "-" + dd + " " + hh + ":" + mm + ":" + ss + "  " + ww + colorfoot  

    return(str)  

}  

function tick()  

{  

    var today  

    today = new Date()  

    document.getElementById("localtime").innerHTML = showLocale(today)  

    window.setTimeout("tick()", 1000)  

}  

tick()  

</script>  

  

</body>

一般的处理方式是在前台通过JS控制,JS控制显示时间的代码如下,各种不同的显示方式:

[javascript]

function Clock() {

var date = new Date()

this.year = date.getFullYear()

this.month = date.getMonth() + 1

this.date = date.getDate()

this.day = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六")[date.getDay()]

this.hour = date.getHours() <10 ? "0" + date.getHours() : date.getHours()

this.minute = date.getMinutes() <10 ? "0" + date.getMinutes() : date.getMinutes()

this.second = date.getSeconds() <10 ? "0" + date.getSeconds() : date.getSeconds()

this.toString = function() {

return "现在是:" + this.year + "年" + this.month + "月" + this.date + "日 " + this.hour + ":" + this.minute + ":" + this.second + " " + this.day

}//现在是<span id="clock">现在是:2013年3月6日 13:54:17 星期三</span>

[javascript]

<span></span>

this.toSimpleDate = function() {

return this.year + "-" + this.month + "-" + this.date

}//2013-03-06

this.toDetailDate = function() {

return this.year + "-" + this.month + "-" + this.date + " " + this.hour + ":" + this.minute + ":" + this.second

}//2013-03-06 13:45:43

this.display = function(ele) {

var clock = new Clock()

ele.innerHTML = clock.toString()//显示方式调用

window.setTimeout(function() {clock.display(ele)}, 1000)

}

}