シンプルなJavaScriptカウントダウン

• かもしれません 8, 2024

Bloggerウィジェットボックスに入れたり、Webページのコンテキストで使用できる簡単なJavaScriptカウントダウンタイマーが必要でした。最初は、簡単なWeb検索で探していたものを簡単に見つけることができると想定していました。しかし、私が見つけたカウンターはすべて、探していたものよりもはるかに複雑でした。私は最後の数秒までカウントダウンしたくありませんでした。そこで、自分で書くことにしました。

次のコードは、2008年8月8日までの日数をカウントするように構成されています。8は中国文化の縁起の良い数字であるため、この日は2008年北京オリンピックの開会式に選ばれました。


var millisecs_per_day = 86400000
//ミリ秒単位でカウントダウン時間を設定します
// Date.UTCの引数として目的の日を設定します
//順番：
//年、月（1月は0であることに注意）、日、GMTからのオフセット
//注：深夜を表すため、オフセットを使用しています
// （その日の始まり）特定のタイムゾーンで
var countdown_time = Date.UTC（2008,7,8、-8）;
//現在の時刻を取得し、ミリ秒に変換します
var now = new Date（）;
var now_millisecs = now.valueOf（）;

var day_cnt = Math.ceil（（countdown_time-now_millisecs）/ 86400000）

//残りの日数（またはそれ以降）を表示します
if（day_cnt> 1）
{
//あと数日
document.write（day_cnt + "残り日数"）
}
else if（day_cnt == 1）
{
//あと1日
document.write（day_cnt + "day to go"）
}
else if（day_cnt == 0）
{
// 今日です
document.write（ "今日"）
}
else if（day_cnt == -1）
{
// 1日前
document.write（day_cnt + "day ago"）
}
そうしないと
{
//数日前
document.write（day_cnt + "days ago"）
}


このコードをダウンロードするか、ここで動作を確認できます。独自のプロジェクトでこのコードを使用するには、Webページ（または上の図に示すようにBlogger HTML / JavaScriptウィジェットボックス）にコピーして貼り付けます。コメントの指示に従って日付を変更します。 、UTC日付の概要に関する私の記事が役立つ場合があります。

動画の説明: Stock Video Footage｜Countdown （Free / Simple） (かもしれません 2024).