時限式で何かを行う時の方法です。
今回は2つの方法を紹介します。
【PHP】時限式で表示を変える方法
まずはPHPを使う方法から。
<?php
// 現在の日時を取得
$now = new DateTime();
// 指定された日時
$targetDateTime = new DateTime("2024-01-01");
// 条件分岐
if ($now > $targetDateTime) {
// 指定された内容を表示
} else {
// デフォルトの内容を表示
}
?>これならclass名を切り替えて、cssを変更することもできるので使えます。
data-start-date と data-end-dateを使ってHTMLの内容を切り替える方法
基本的にはPHPで切り替える方がシンプルな気がしていいと思っていますが、一応ご紹介。
<!-- 2024/1/1 0:00までのdiv -->
<div class="boxBefor" data-end-date="2024/1/1 0:00"></div>
<!-- 2024/1/1 0:00からのdiv -->
<div class="boxAfter" data-start-date="2024/1/1 0:00"></div>data-start-date と data-end-dateは、HTML の data- 属性を使用して、要素にデータを追加する方法です。この属性はJavaScript で使用して、要素のデータを取得したり、変更したりすることができます。
単純にdata-start-date と data-end-dateを並べて使うことで切り替えることもできます。
これらの方法を使えば、休暇中に何かを変更したりする要望にも対応できます。
