JavaScript中setUTCHours函数 JavaScript中setUTCMonth函数

JavaScript显示时间

JavaScript显示时间,时间还在走动着!不是一个静态的效果!

演示地址:http://www.ijavascript.cn/tools/jsdemo/320/time.htm

function Time() 定义一个函数。
{ if (!document.layers&&!document.all)
return 由于IE与Netscape对JavaScript的解释不同,造成浏览的效果不同,所以要分别写代码。这句话判断一下用户所使用的浏览器,如果两者都不是,就返回。
var timer=new Date() 定义一个新的变量,名字为timer,为一个新的Date的对象。
var hours=Timer.getHours()
var minutes=Timer.getMinutes()
var seconds=Timer.getSeconds() 分别定义3个变量,获得当前“小时”,“分钟”,“秒”的值。
var noon="AM" if (hours>12)
{ noon="PM" hours=hours-12 }
if (hours==0)
hours=12 定义一个名为“noon”的变量,当“小时”数大于12时,其值为PM,同时所得值减12;当“小时”数小于12时,其值为AM。
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds 如果“分钟”数或“秒”数小于9,则在前面加一个“0”。
myclock="<font color=blue>" +hours+":"+minutes+":" +seconds+" "+noon+"</b></font>" 用一个新变量把“小时,分,秒”结合起来。
if (document.layers)
{ document.layers.position.
document.write(myclock)
document.layers.position.document.close() } 如果浏览器是Netscape,就输出myclock,同时用于IE的代码就停止执行。
else if (document.all)
position.innerHTML=myclock 否则,浏览器是IE,就输出myclock。
setTimeout("Time()",1000) 每1000毫秒,调用一次Time函数,即一秒动一次。
onload="Time()" 页面装载时,调用Time()函数。
<script language="JavaScript">
function Time(){
if (!document.layers&&!document.all)
return
var Timer=new Date()
var hours=Timer.getHours()
var minutes=Timer.getMinutes()
var seconds=Timer.getSeconds()
var noon="AM"
if (hours>12){
noon="PM"
hours=hours-12
}
if (hours==0) hours=12
if (minutes<=9) minutes="0"+minutes
if (seconds<=9) seconds="0"+seconds
//这里修改时间的文字样式
myclock="<font size='4' face='Arial' color=blue>"+hours+":"+minutes+":"+seconds+" "+noon+"</b></font>"
if (document.layers){
document.layers.position.document.write(myclock)
document.layers.position.document.close()
} else if (document.all)
position.innerHTML=myclock
setTimeout("Time()",1000)
}
</script>
下面这个是最简单的显示日期的方式
<script language=Javascript>
var now=new Date()
document.write("现在是"+now.getYear()+"年"+(now.getMonth()+1)+"月"+now.getDate()+"日"+now.getHours()+"时"+now.getMinutes()+"分"+now.getSeconds()+"秒")
</script>
TAG: javascript 显示 时间 日期
kimi post in JavaScript教程 at 2007-11-15 20:12:25.
永久地址:http://ijavascript.cn/jiaocheng/javascript-time-320.html
在百度中搜索《JavaScript显示时间》。

发表评论

发表评论

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

网友评论仅供网友表达个人看法,并不表明本网同意其观点或证实其描述。