用js在网页上显示当前日期和时间,并显示是星期几

JavaScript011

用js在网页上显示当前日期和时间,并显示是星期几,第1张

1、要获得当前时间，我们可以使用Date方法，new一个Date对象。

2、然后调用这个对象的toLocaleTimeString方法，来获取具体的时间

3、最后使用alert方法来弹出结果，来验证一下是否正确

4、运行页面，点击按钮，可以看到弹出一个确认框里，里面显示的时间就是当前时间了。

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>

<html>

<head><title>test</title></head>

<body>

<input id="hour" style="width:2em" value="5" />:<input id="min" style="width:2em" value="20" />

<button id="do">确定</button>

<div id="info" style="display:none">

当前时间：<span id="cur_time"></span><br>

时 间 差：<span id="time_span"></span>

</div>

<script type="text/javascript">

function $(id){ return document.getElementById(id)}

function time_add_sec(secs){

if(secs != 0){ secs = 1}

window.curtime += secs

var span = Math.abs(curtime - starttime)

var cur_time = []

var time_span = []

cur_time[0] = Math.floor(curtime / 3600)

cur_time[1] = Math.floor((curtime % 3600) / 60)

cur_time[2] = Math.floor(curtime % 60)

time_span[0] = Math.floor(span / 3600)

time_span[1] = Math.floor((span % 3600) / 60)

time_span[2] = Math.floor(span % 60)

$("cur_time").innerHTML = cur_time.join(":")

$("time_span").innerHTML = time_span.join(":")

}

function time_span(){

var now = new Date()

var cur_time = []

cur_time[0] = now.getHours()

cur_time[1] = now.getMinutes()

cur_time[2] = now.getSeconds()

window.curtime = cur_time[0]*3600+cur_time[1]*60+cur_time[2]

window.starttime = $("hour").value*3600+$("min").value*60

time_add_sec(0)

$("info").style.display = "block"

setInterval(time_add_sec,1000)

}

window.onload=function (){ $("do").onclick = time_span}

</script>

</body>

</html>

这个算法占用系统资源相当少了，跳动应该是你电脑卡吧，我的电脑一点问题都没有。