期間限定でCSSを切り替える ~社内で大不評の【誰得？】シリーズ~

パーソンリンク アドベントカレンダー16日目です！🎉

内容

<link id="StyleSheetFilePath" rel="stylesheet" href="base.css" />
<script>
window.onload = function() {
  var nowDate = new Date();
  var startDate = new Date('2021/12/24 0:00:00');
  var endDate = new Date('2021/12/25 23:59:59');
 
  if ( startDate <  nowDate && nowDate < endDate ) {
    var styleSheetFilePathElement = document.getElementById("StyleSheetFilePath");
    styleSheetFilePathElement.href = "xmas.css";
  }
}
</script>

クリスマス限定でCSSを切り替えたいのであればこれでいけるはず。
（試してないので多分としか言いようがないけど。。。）

JavaScriptで日付とかは持たない方がいいけどね。PCの時間変えられたら意味ないので。。。

なにこのシリーズ

社内で不評なたまに呟く「誰の得になるの！？」シリーズです。

さようならー