|
<!-- 网页特效代码由[中国WEB开发者网络:http://www.ChinaWebDev.com]提供！ -->
<!-- 要实现此效果需要 2 个步骤： -->
<!-- 第 1 步： -->
<!-- 把<BODY>中的属性代码改为： -->
<BODY bgcolor="#fef4d9" onload=startclock();>
<!-- 第 2 步： -->
<!-- 把下面的代码加到<BODY></BODY>区域中： -->
<SCRIPT language=JavaScript>
set = null
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
timeValue += (hours >= 12) ? " PM" : " AM"
document.alert.time.value = timeValue
if(timeValue == set) {alert(message);}
timerID = setTimeout("showtime()",1000)
timerRunning = true
}
function setalert() {
set = prompt("设置警告时间\n请输入标准格式的时间---0:00:00 AM/PM .\n例如： 11:01:00 AM \n ","");
document.alert.set.value = set
setmess()
}
function setmess() {
message = prompt("设置警告信息\n 如：别忘了你上网已经快一个小时了.","");
document.alert.message.value = message
}
function about() {
alert("时间警告器\n (webmaster@javascript2000.com) [http://1stscript.com]");
}
function quit() {
if(confirm("确定吗？还是多呆一会吧...")) {
about()
close()
}
}
</SCRIPT>
<FORM name=alert>
<TABLE border="3" cellpadding="2" cellspacing="0">
<TBODY>
<TR>
<TD ><b>现在时间 - </b></TD>
<TD>
<INPUT name=time size=10 value="00:00 ?M">
</TD>
</TR>
<TR>
<TD ><b>警告时间 - </b></TD>
<TD>
<INPUT name=set size=10 value="00:00 AM">
</TD>
</TR>
<TR>
<TD ><b>警告信息 - </b></TD>
<TD>
<INPUT name=message size=30 value=None>
</TD>
</TR>
<TR>
<TD>
<INPUT onclick=setalert() type=button value="设置警告时间">
</TD>
<TD>
<INPUT onclick=setmess() type=button value="设置警告信息">
</TD>
</TR>
<TR>
<TD>
<INPUT onclick=about() type=button value=关于>
</TD>
<TD>
<INPUT onclick=quit() type=button value=退出>
</TD>
</TR>
</TBODY>
</TABLE>
</FORM>
|
当前位置：开发者网络 >> 网页特效 >> 日期时间 >> 内容
