时间警告器-JS特效-爱易网页

时间警告器

日期：2014-05-18　浏览次数：20197 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

脚本说明:
第一步：把如下代码加入<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>

第二步：把<body>中的内容改为：
<body bgcolor="#fef4d9" onload=startclock(); >

<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

时间警告器

相关资料更多>

推荐阅读更多>