比较简洁的JavaScript 实时显示时间的脚本 修正版
117 浏览量
2020-10-30
15:10:58
上传
评论
收藏 42KB PDF 举报
比较简洁的比较简洁的JavaScript 实时显示时间的脚本实时显示时间的脚本 修正版修正版
比较简洁的JavaScript 实时显示时间的脚本代码。大家可以看下，已经修改好了。
JavaScript显示时间，时间还在走动着！不是一个静态的效果！
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+"</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()函数。
<span id="position"
style="position:absolute;l
eft:441px;top:190px;
width: 128px; height:
30px"></span>
<script
language="JavaScript">
<!--
function Time(){
if
(!document.layers&&!doc
ument.all)
return;
var Timer=new Date()
var
hours=Timer.getHours()
var
minutes=Timer.getMinute
s()
var
seconds=Timer.getSeco
nds()
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;
运行代码
复制代码
保存代码
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
下面这个是最简单的显示日期的方式
<script
language=Javascript>
var now=new Date()
document.write("现在
是"+now.getYear()+"年"+
(now.getMonth()+1)+"月"
+now.getDate()+"日"+no
w.getHours()+"时"+now.g
etMinutes()+"分"+now.ge
tSeconds()+"秒")
</script>
运行代码
复制代码
保存代码
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
资源评论
