我想使用 html 和 java 创建一个应用程序,但我遇到了一点困难。这个想法是让用户在文本框或日期选择器中输入日期和时间,然后单击一个按钮,然后该按钮将倒计时到该时间并发出警报。我在脚本中有一个倒计时工作时间,但这不是用户定义的。我的主要问题是从日期选择器中获取信息以更改脚本中的日期,以便在用户单击按钮时开始倒计时。
我的技术技能不是很好,但我对基本的 html 和 java 有很好的了解
以下是我的代码
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!--
var eventdate = new Date("("month") 25, 2012 23:59:59");
function toSt(n) {
s=""
if(n<10) s+="0"
return s+n.toString();
}
function countdown() {
cl=document.clock;
d=new Date();
count=Math.floor((eventdate.getTime()-d.getTime())/1000);
if(count<=0)
{cl.days.value ="----";
cl.hours.value="--";
cl.mins.value="--";
cl.secs.value="--";
return;
}
cl.secs.value=toSt(count%60);
count=Math.floor(count/60);
cl.mins.value=toSt(count%60);
count=Math.floor(count/60);
cl.hours.value=toSt(count%24);
count=Math.floor(count/24);
cl.days.value=count;
setTimeout("countdown()",500);
}
function date() {
var monthentered = document.getElementById('month').value;
var dayentered = document.getElementById('day').value;
var yearentered = document.getElementById('year').value;
}
</SCRIPT>
</head>
<body>
<input type="button" name="button" value="press me" onclick="date()"/>
<p> insert month <input type="text" id="month" size="15"> </p>
<p> insert day <input type="text" id="day" size="15"> </p>
<p> insert year <input type="text" id="year" size"15"> </p>
<input
<FORM name="clock">
<TABLE BORDER=5 CELLSPACING=5 CELLPADDING=0 BGCOLOR="#000000">
<TR>
<TD ALIGN=CENTER WIDTH="31%" BGCOLOR="#000080"><FONT COLOR="#FFFFFF"><B>Days:</B></FONT></TD>
<TD ALIGN=CENTER WIDTH="23%" BGCOLOR="#000080"><FONT COLOR="#FFFFFF"><B>Hours:</B></FONT></TD>
<TD ALIGN=CENTER WIDTH="23%" BGCOLOR="#000080"><FONT COLOR="#FFFFFF"><B>Mins:</B></FONT></TD>
<TD ALIGN=CENTER WIDTH="23%" BGCOLOR="#000080"><FONT COLOR="#FFFFFF"><B>Secs:</B></FONT></TD>
</TR>
<TR>
<TD ALIGN=CENTER><INPUT name="days" size=4></TD>
<TD ALIGN=CENTER><INPUT name="hours" size=2></TD>
<TD ALIGN=CENTER><INPUT name="mins" size=2></TD>
<TD ALIGN=CENTER><INPUT name="secs" size=2></TD>
</TR>
<TR>
<TD COLSPAN="4" BGCOLOR="#000080">
<CENTER><P><FONT FACE="arial,helvetica" SIZE="+2" COLOR="#FFFF00">Until</FONT></CENTER>
</TD>
</TR>
<TR>
<TD COLSPAN="4" BGCOLOR="#000000">
<CENTER><P><FONT COLOR="#00FF00" SIZE=+1>
<SCRIPT LANGUAGE="JavaScript">
<!--
document.write(" " + eventdate.toLocaleString() + " ");
// end hiding script-->
</SCRIPT>
</FONT>
</CENTER>
</TD>
</TR>
</TABLE>
</FORM>
</body>
</html>