メニュー

東京・小金井市のWEB制作会社の豆知識

MEMORANDUM

JQuery(javascript)を使用して指定時間に分岐処理を行う

  • 公開日：2025-06-25
  • 最終更新日：2025-06-25
  • 424

時間を指定して表示を切り替える際にPHPを使用することが多かったのだけれど、利用しているサービス（ASP）の都合でPHPが使用できないため、jQueryを使用して対応した方法をメモ

jQuery(javascript)

const today = new Date();
const targetDate = new Date("2025-06-25 10:30:00"); // 2025年6月25日10時30分00秒を指定

if (today < targetDate) {
	$('.top__mv__main').html('<a href="/202505/"><img src="/202505/img/top.jpg"></a>');
} else {
	$('.top__mv__main').html('<a href="/202506/"><img src="/202506/img/top.jpg"></a>');
}

HTML

<div class="top__mv__main"></div>

この記事を書いた人

片寄輝生
株式会社衆代表/クリエイター
実務20年。
Web制作全般に携わり、企画・設計から運用まで一貫して対応。
現場で得た知見をもとに、実践的な内容を中心に発信しています。
RANKING

人気記事

同一カテゴリーの記事