» 网友学堂 » Javascript教程 » Form中的时钟
Form中的时钟
作者：ljjk5 发表时间：2007-4-7 01:12 阅读：395次 在百度搜索相关内容
Form中的时钟



下面为效果显示区!






脚本说明:
第一步：把如下代码加入<body>区域中
<script language="JavaScript">

<!--
var timerID = null
var timerRunning = false
function stopclock(){
if(timerRunning)
clearTimeout(timerID)
timerRunning = false
}

function startclock(){
stopclock()
showtime()
}

function showtime(){
var now = new Date()
var hours = now.getHours()
var minutes = now.getMinutes()
var seconds = now.getSeconds()
var timeValue = "" + ((hours > 12) ? hours - 12 : hours)
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ? ":0" : ":") + seconds
if (hours>=6 && hours<=12)
{timeValue += ("上午")}
if(hours>12 && hours<=18)
{timeValue += ("下午")}
if(hours>18 && hours <=24)
{timeValue +=("晚上")}
if(hours<6)
{timeValue += ("深夜")}
document.clock.face.value = timeValue
timerID = setTimeout("showtime()",1000)
timerRunning = true
}


//-->
</script>
<form method="POST" name="clock">
<p>
<input type="text" name="face" size="11" style="font-size: 9pt">
</p>
</form>


第二步：把<body>区域改为
<body bgcolor="#fef4d9" onLoad="startclock();">
#Advertisement