LoginSignup
6
0

More than 1 year has passed since last update.

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

Last updated at Posted at 2021-12-15

パーソンリンク アドベントカレンダー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の時間変えられたら意味ないので。。。

なにこのシリーズ

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

さようならー

6
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
0