|
|
简易时钟
会觉得连结的时钟、日期很慢吗？是不是开始觉得ＪＡＶＡ的时钟很麻烦呢？您又有一个新选择了！就是用Java
Script
写出来的线上时钟及日期显示，不但快，而且详细立即！连状态列都有时钟，很不错唷！
|
- 将以下的控制码先复制起来。（用滑鼠将底下的一堆黑色部份的程式码，标记起来，按滑鼠右键选择【复制】就行啦！）
- 然後在网页中的 </HEAD>
之後将刚刚复制的东西贴上就大功告成了！（按滑鼠右键选择【贴上】就行啦！）
- 最後，更改原始码中的内容就可以了！（就是紫红色的地方，改成您想要的内容即可！）
<HTML>
<HEAD>
<TITLE>简易时钟</TITLE>
</HEAD><script language="JavaScript">
<!--
var timerID = null
var timerRunning = false
function stopclock(){
// cannot directly test timerID on DEC OSF/1 in beta 4.
if(timerRunning)
clearTimeout(timerID)
timerRunning = false
}
function startclock(){
// Make sure the clock is stopped
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
timeValue += (hours >= 12) ? " P.M." : " A.M."
document.clock.face.value = timeValue
timerID = setTimeout("showtime()",1000)
timerRunning = true
}
//-->
</script>
<BODY onload="startclock()" >
<form name="clock" onsubmit="0">
<input type="text" name="face" size="14" value>
</form>
</BODY>
</HTML>
|
|
|