このコードはすぐにではあるが、「期限切れ」。しかし、アイデアはまだ保持することができます~~
買収は、現在の時刻のタイムスタンプを楽しみにして表示を更新するためにいつでも変更を加えることがタイマーで、違いを見つけて。
<!DOCTYPE HTML> <HTML LANG = "EN"> <HEAD> <メタ文字コード= "UTF-8"> <メタ名= "ビューポート"コンテンツ= "幅=装置幅、初期の規模= 1.0"> <メタHTTP-当量= "X-UA-互換性のある"コンテンツ= "IE =エッジ"> <タイトル>ドキュメント</ TITLE> <スタイル> #show { 幅:1000px; 高さ:300ピクセル; マージン:は50px自動; フォント - サイズ:40ピクセル; 背景 -color:RGB(146、170、236 )。 テキスト - 揃える:センター; 色:aliceblue。 <DIV ID = "ショー"> </ div> <SCRIPT> のsetInterval(関数(){ VAR今= 新しい新しい日付(); VAR nowMS = now.getTime(); // 今の時間を取得し、タイムスタンプへ のvar midAutumn = 新しい新しい日付( "2019年9月13日に" ); VARの midAutumnMS = midAutumn.getTime(); // ミッド時刻を取得し、タイムスタンプに するvar時間= midAutumnMS - nowMS; VAR finalTimeは= 新しい新しい日付(時間); / / ミリ秒に中間値を計算 するvar =月finalTime.getMonth(); VARデイ= finalTime.getDate(); VARの時間= finalTime.getHours(); VARの分= finalTime.getMinutes(); VAR SECOND、= finalTime.getSeconds(); // 月1日の時間、曜日、時間などを取得 VARショー=のdocument.getElementById( "表示" ); // GET DIV show.innerHTML = "中秋節からだけでなく、" +月+ "月" +日+ "日付" + "<BR>"時間+ + "を" +分+ "分" + SECOND + "秒" ; // divのコンテンツは残り時間となる } 1000 )。 </スクリプト> </ BODY> </ HTML>
同様に、あなたも同様のカウントダウンを書き出すことができます~~