带有用户输入时间的闹钟倒数计时器java答案

【问题标题】：Alarm clock countdown timer java with user input for times带有用户输入时间的闹钟倒数计时器java
【发布时间】：2012-10-13 07:23:37
【问题描述】：

我想使用 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>

【问题讨论】：

你能提供一些代码吗？将有助于回答您的问题。
到目前为止你有什么。顺便说一句，您不需要 java，而是需要 javascript。只需在您的按钮上创建一个 onclick 方法。在 onclick 方法中，从您的日期/时间输入字段中获取值。

标签： java html function countdown alarm

【解决方案1】：

鉴于您描述的技能，我建议您使用 javascript(jquery + countdown 插件)

【讨论】：

【解决方案2】：

如果你使用 javascript 而不是 java，那不是更好吗？

如果需要，您可以使用 document.getElementById('id') 从表单中获取位？

例如：

<html>
<head>
<script type="text/javascript">
   function doIT(){
         var picked_date = document.getElementById('date_box').value;
         var picked_time = document.getElementById('time_box').value;
         // now your stuff here



         alert('Date: ' + picked_date + ' Time: ' +picked_time);

   }


</script>
</head>
<body>
<div id="content">
   <!-- this is my form type thang -->
   <label>Date:</label><input type="text" id="date_box" size="8" value=""/>           
   <label>Time:</label><input type="text" id="time_box" size="8" value=""/>
   <input type="button" name="button" value="Press Me" onclick="doIT()"/>
</div>
</body>
</html>

【讨论】：

鉴于您的简报，我要说的一件事是，选择日期并期望它起作用需要使用 cookie，并且用户在您的警报即将响起的那一刻回到您的页面，否则它不会按预期工作。如果您使用 Java 并构建一个实际的应用程序，那么您需要查看服务并在后台运行/安装它们，无论您使用什么平台/期望您的用户使用什么
这是完美的，它在 Javascript 中的一些简单的东西就是我想要的。我有以下代码，我想我已经从 tis 代码中的输入框中获取了信息，现在我需要做的就是在我按下按钮时在计时器中获取要更新的日期，我不知道如何放置用户输入到计时器倒计时的脚本的日期。