私は多くの場所を検索しましたが、見た場所のほとんどには、1 日までのカウントダウンのコードしかありません。次の HTML が機能するように JS を書いてください。
これは私が職場のチームのために作成した Web サイトです。ウェブサイトのこの部分は、顧客が特定の休憩を取ったり、顧客を保留にしたり、アカウントを記録しようとしたりするときに時間を確保するのに役立ちます.
<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>
ここに jsfiddle があります: http://jsfiddle.net/dCUm7/