HTML、CSS、JSは、2021年のカウントダウンを書きました

カウントダウンの効果が示されています:

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>

後者は、時間を入力達成するために追加することができます。どのくらいの距離入力を見て時間。

おすすめ

転載: www.cnblogs.com/Tisou1/p/12158645.html