特定の日になったら処理をしたい/日にちによってjsで処理をかえたい

たとえば特定の日にちになったら背景の色を変えたい

日にちによって背景をかえたい

などの要望があるとします。

今回は日付によって処理を変える方法を紹介していきたいと思います。

そのためにはまず現在の日付を取得する必要があります。

現在の日付を取得する

let today = new Date();

現在の日付を取得する場合は「new Date()」を使います。

このままだと日にちだけにならないので「getDate()」を使って日にちを取得します。

let day = today.getDate();

これで今日が何日なのか取得できました。

今日がもし10日だったら

もし10日だったら背景の色を変えたい場合は下記の条件が必要になります。

if (day === 10){
//背景の色を変える処理を入れる
} 

もし複数の日にちを指定したい場合は下記です。

if (day === 10 || day === 20){
//背景の色を変える処理を入れる
} 

上は10日または20日だったら背景の色が変更されます。

さらにこうすると10日のときの処理と20日の処理を別々にすることができます。

if (day === 10){
//今日が10日だったら
}else if(day === 20){
//今日が20日だったら
}

まとめ

すべてをまとめるとこんな感じになります。

$(document).ready(function() {
    // 現在の日付を取得
    let today = new Date();
    let day = today.getDate();
 
    // 今日が10日または20日であるかをチェック
    if (day === 10 || day === 20) {
        // ここに処理を記述
    }
});