I've scoured countless resources, but most of them only provide code for counting down to a specific day. I'm reaching out in the hopes that someone can assist me by crafting some JavaScript for the following HTML structure.
This section of my website is dedicated to aiding my team at work in managing their time during breaks, customer interactions, and account notations.
<html>
<FORM name="sw">
<TABLE border="0" width="30px">
<TR><TH colspan="4">Timers</TH></TR>
<TR align="center">
<TD><b>Lunch</b></TD>
<TD><input type="text" name="beg2" size="7" value="60:00"></TD>
<TD><input type="button" value="Start" onclick="Down()"></TD>
<td><input type="text" name="disp2" size="9"></TD>
<TD><input type="button" value="Reset" onclick="resetTimer()"></td>
</TR>
<TR align="center">
<TD><b>Breaks</b></TD>
<TD><input type="text" name="beg2" size="7" value="15:00"></TD>
<TD><input type="button" value="Start" onclick="Down()"></TD>
<td><input type="text" name="disp2" size="9"></TD>
<TD><input type="button" value="Reset" onclick="resetTimer()"></td>
</TR>
<TR align="center">
<TD><b>Wrap</b></TD>
<TD><input type="text" name="beg2" size="7" value="00:30"></TD>
<TD><input type="button" value="Start" onclick="Down()"></TD>
<td><input type="text" name="disp2" size="9"></TD>
<TD><input type="button" value="Reset" onclick="resetTimer()"></td>
</TR>
<TR align="center">
<TD><b>Hold</b></TD>
<TD><input type="text" name="beg2" size="7" value="02:00"></TD>
<TD><input type="button" value="Start" onclick="Down()"></TD>
<td><input type="text" name="disp2" size="9"></TD>
<TD><input type="button" value="Reset" onclick="resetTimer()"></td>
</TR>
</TABLE>
</FORM>
</html>
You can view the code on jsfiddle here: http://jsfiddle.net/dCUm7/