用HTML显示时间,可以自己设置时间

用HTML显示时间,可以自己设置时间,第1张

html不能用于显示时间的。。。

显示时间最简单的你可以加入脚本。。。。

示例:javascript脚本。。。

<script type="text/javascript">

var AA=new Date()

var month=AA.getMonth()+1

document.write("<font color=blue>今天是:</font>"+AA.getFullYear()+"年"+month+"月"+AA.getDate()+"日 ")<!--返回当前日期-->

var week=new Array() <!--显示几天为星期几-->

week[0]="星期天 "

week[1]="星期一 "

week[2]="星期二 "

week[3]="星期三 "

week[4]="星期四 "

week[5]="星期五 "

week[6]="星期六 "

document.write(week[AA.getDay()])

if(AA.getHours<=5) <!--根据不同的时间显示不同的问候-->

{

document.write("凌晨好")

}

else if(AA.getHours()<=8)

{

document.write("早上好")

}

else if(AA.getHours()<=12)

{

document.write("上午好")

}

else if(AA.getHours()<=14)

{

document.write("中午好")

}

else if(AA.getHours()<=17)

{

document.write("下午好")

}

else if(AA.getHours()<19)

{

document.write("傍晚好")

}

else if(AA.getHours()<=22)

{

document.write("晚上好")

}

else

{

document.write("午夜好")

}

</script>

我修改的

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

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

<title>无标题文档</title>

<script>

function a(){

var a= new Date()

var hour=a.getHours()

var d=a.getDay()

var day

switch(d){

case 0:day='星期日'

case 1:day='星期一'

case 2:day='星期二'

case 3:day='星期三'

case 4:day='星期四'

case 5:day='星期五'

case 6:day='星期六'

}

var ms="欢迎您的到来!今天是:"+a.toLocaleString()+" "+day

if(hour>0&&hour<12){

document.getElementById('a').innerHTML="早上好 "+ms

}else if(hour>12&&hour<19){

document.getElementById('a').innerHTML="下午好 " +ms

}else{

document.getElementById('a').innerHTML="晚上好 "+ms

}

}

</script>

</head>

<body onload="a()">

<div id="a"></div>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7047073.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存