JSを達成するためのカウントダウン

効果：
HTML：
<！DOCTYPE HTML> 
<HTML> 
    <HEAD> 
        <メタのcharset = "UTF-8"> 
        <メタ名= "ビューポート"コンテンツ= "幅=装置幅、初期の規模= 1.0、最大規模= 1.0、ユーザー-scalable = 0 "> 
        <タイトル>倒计时</タイトル> 
        ます。<script type =" text / javascriptの」SRC = "JS / jquery.js"> </ SCRIPT> 
        <スタイル> 
            * { 
                マージン： 0 ; 
                パディング： 0 ; 
            } 
            
            、P { 
                マージン：は50px。
            } 
            
            I { 
                フォント - スタイル：正常; 
            } 
            に.Countti {
             
                色：赤。
            }
         </スタイル> 
    </ head> 
    <body> 
        <div> 
            <P>开始时间：<スパンID = "START_TIME"> </スパン> -结束时间：<スパンID = "END_TIME"> </ span>を< / P> 
            <Pクラス= "COUNTDOWN"> </ P> 
        </ div> 
        <スクリプトタイプ= "テキスト/ javascriptの"> 
            $（ドキュメント）.ready（関数（）{ 
                window.start_time =「2019年9月29日12時00'分; 
                window.end_time = '2019年10月7日12時00分' ; 
                $（ '#start_time' ）。
                $（ '#end_time' ）の.text（window.end_time）。
                setInterval（関数（）{ 
                    カウントダウン（）。
                    VaRのトン= COUNTDOWN（）タイトル。
                    $（ '.countDown' ）.empty（）; 
                    $（ '.countDown' ）.append（T）; 
                }、 1000年）。
            }）

            関数カウントダウン（）{
                 VARの端= window.end_time、
                    開始 = window.start_time、
                    文字列 = '' 、
                    タイトル = '' 、
                    今 = 0 、 
                    rightTime = 0 ; 
                終了 = 新しい新しい日付（end.replace（G //、 "/"））getTime（）;. // iPhone IOSとの互換性が 
                スタート= 新しい新しい日付（start.replace（G // 、 "/" ））getTime（）; 
                今 = 新しい新しい日付（）getTime（）;
                 IFは（今> =）開始{ //が開始 
                    rightTime =エンド- 今、
                    タイトル =「<span>の最後の距離：< /スパン> ' ; 
                } 他 { // 開始されていません
                    タイトル= '<P>未开始</ P>' = '0' + DD。; 
                } 
                であれば（rightTime> 0 ）{
                     場合（今> = 開始）{
                         VARの DD = Math.floor（rightTime / 1000から1060/24分の60 ）。
                        VaRの HH = Math.floor（（rightTime / 1000から1060/60）は24％ ）。
                        VaRの MM = Math.floor（（rightTime / 1000/60）60％ ）。
                        VaRの SS = Math.floor（（rightTime / 1000）％60 ）。
                        もし（DD <10 ）{ 
                            DD 
                        } 
                        場合（HH <10 ）{
                            HH = '0' + HH。
                        } 
                        であれば（MM <10 ）{ 
                            MM = + '0' MM。
                        } 
                        であれば（SS <10 ）{ 
                            SS = '0' + SS。
                        } 
                        文字列 = "<I> <スパンクラス= 'countTime'>" + DD + 
                            "</スパン>天<スパンクラス= 'countTime'>" + HH + ; 
                        タイトル 
                            「</スパン>时<
                            "</ span>の分<スパンクラス= 'countTime'>" + SS + 
                            "</ span>を秒</ I>"=タイトル+ 文字列。
                    } 
                } 他{ 
                    タイトル = '<P>已结束</ P>' ; 
                } 
                戻り{
                     "タイトル" ：タイトル
                } 

            }
         </ SCRIPT> 
    </ body> 
</ HTML>
JSを達成するためのカウントダウン

おすすめ
