購入カウントダウンを達成

< HTML > 

< ヘッド> 
    < メタのcharset = "UTF-8" > 
    < スタイル> 
        .timebox { 
            ボーダー：1ピクセル桃色固体。
            幅：300ピクセル; 
            高さ：は50px ; 
            テキスト整列：センター; 
            マージン：0自動; 
            フォントサイズ：20ピクセル; 
            行の高さ：は50px ; 
        }
    </ スタイル> 
</ ヘッド> 

< 身体> 
    < divのクラス= "タイムボックス" > 
        距离抢购时间还剩：
        < スパン> - ： - ： - </ スパン> 
    </ DIV > 
</ ボディ> 
< スクリプト> 
    せタイムボックス= document.querySelector（" .timebox " ）、
        タイムスパン= document.querySelector（" スパン" ）。

    関数addZero（ヴァル）{
        戻りヴァル<  10  ？ 「0 」 + ヴァル：ヴァル; 
    } 
    / * 
        computeTime：プリントサーバ列時刻から受信スナップ
        @paramsを：サーバによって返された[文字列timeStr時刻列
        @return：
    * / 
    せcomputeTime =  関数（ {）TIMESTRの
         IF （typeof演算TIMESTRの===  「未定義」{）
             // ;ここで変数を宣言任せることはできない、または外部アクセスすることができない
            のvar nowtime =  新しい新しい日付（）; // 現在のクライアントの時間、後者のニーズを交換するサービス終了時間
        } 他{
             // 文字列処理、私は参照することができ、学生のエッセイを必要
            にconsole.logを（1。）; 
        } 
        のletたendTime =  新しい新しい日付（' 2019年8月16日夜06時00分00秒' ）、
            difftime = endTimeは- nowtime ;
         IF （difftime > =  0 ）{ 
            LET時間= Math.floor（difftime / （1000年 *  60  *  60 ））; 
            difftime = difftime - 時間* 3600000 ; 
            聞かせて分= Math.floor（diffTime / （1000年 *  60 ））; 
            diffTime = diffTime - 分*  60000 ; 
            せて第二= Math.floor（diffTime /  1000年）。
            timespan.innerHTML = `$ {addZero（時間）} $ {addZero（分）} $ {addZero（秒）}`。
            返します。
        } 
        timespan.innerHTML =  ' 抢购开始' 。
    }。
    setInterval（computeTime、1000年）;
</ スクリプト> 

</ HTML >
購入カウントダウンを達成

おすすめ
