カウントダウンの効果が示されています:
5つのDIV、メインjsのコードでメインのレイアウトは次のよう:
ます。<script type = "text / javascriptの"> VAR S1 = "2021-1-1,0:0:0" ; window.onload = 関数(){ 日付(); 機能ゼロ(I){ 戻り I <10 "0" + I:? "I +" 。 } 関数日付(){ VARの D =のdocument.getElementById( "日" )。 VaRの H =のdocument.getElementById( "時間" )。 VAR M =のdocument.getElementById( "分" )。 VAR S =のdocument.getElementById( "第二" )。 新しい日付(); // VARの終了時刻=新しいDate( "1分の2020 / 5,00:00:00"); // 2020-1-1,0:0:0 のvar ENDTIME = 新しい日付(S1)。 VaRの時間=のparseInt((endtime.getTime() - nowtime.getTime())/ 1000)。 VaRの日=のparseInt(時間/(24 * 60 * 60)); VaRの時間=のparseInt(時間/(60 * 60)%24)。 VaRの分=のparseInt(時間/ 60〜60%)。 VaRの第二=のparseInt(時間60% )。 日 = ゼロ(日)。 時間 = ゼロ(時間)。 分 = ゼロ(分)。 第二 =ゼロ(秒)。// +零 d.innerHTML = 日; h.innerHTML = 時間; m.innerHTML = 分; s.innerHTMLは = 第二; setTimeoutメソッド(日付、 1000年); } } </ SCRIPT>
後者は、時間を入力達成するために追加することができます。どのくらいの距離入力を見て時間。